<template>
    <view class="content" catchtouchmove='return'>
        <law-order-nav style="z-index: 19999;" :shareTitle='shareTitle' title="提交订单" :shareContent='shareContent' v-show="btmbtns" :sale="sale"></law-order-nav>
        <view class="tabs-box" :style="'top:'+windowTop+'px'" v-if="showTab">
            <view class="tab-item-box" v-for="(item,index) in tabList" :key='index'>
                <view v-if="bearFees != '自费'" :class="item.id == tabItemValue ? 'name-box-one' : 'name-box-two'" @click="scrollToOne(item.id)">
                    {{ item.name }}
                </view>
                <view v-else :class="item.id == tabItemValue ? 'name-box-one' : 'name-box-two'" @click="scrollToTwo(item.id)">
                    {{ item.name }}
                </view>
                <view :class="item.id == tabItemValue ? 'icon-box-one' : 'icon-box-two'">
                </view>
            </view>
        </view>
        <view :class="!btmbtns?'item-top itemtop_share':'item-top'" id='itemTop' :style="{ height: styleHeight + 'px' }">
            <view class="item-admin" v-if="buyTipData.length > 0">
                <!--  v-if="buyTipData.length > 0" -->
                <!-- 用户133****2345下单了这个产品 3分钟前 -->
                <swiper class="swiper" :autoplay="true" :interval="3000" circular :vertical='true' style="height:80rpx;width: 750rpx;">
                    <swiper-item v-for="(item,index) in buyTipData" :key='index' style="display: flex;
            justify-content: center;">
                        {{ item }}
                    </swiper-item>
                </swiper>
            </view>
            <swiper class="swiper" :style="{ height: styleHeight + 'px' }"
                    :autoplay-disable-on-interaction="true" :indicator-dots="indicatorDots"
                    indicator-color="rgba(0, 0, 0, .1)" indicator-active-color="#FFC801" circular :autoplay="autoplay"
                    :interval="interval">
                <!--        && playState == 'play'-->
                <swiper-item class="image-wrappers" v-for="(item, index) in bannerList" :key="index">
                    <image ref="imgsdom" :src="item" mode="widthFix"></image>
                </swiper-item>
            </swiper>

            <!-- <view class="item-img">
				<view class="item-left">
					<image src="@/static/img/order-back.png" mode=""></image>
				</view>
				<view class="item-right">
					<image src="@/static/img/order-search.png" mode=""></image>
					<image src="@/static/img/order-collect.png" mode=""></image>
					<image src="@/static/img/order-vx.png" mode=""></image>
				</view>
			</view> -->
        </view>
        <view class="item-main" id='itemMain'>
            <view class="main-top">
                <view class="top-left" v-if="bearFees == '投资人支付'">
                    <text style="font-size: 26rpx;">￥</text>
                    2500（投资人支付）
                </view>
                <view class="top-left" v-else>
                    <text style="font-size: 26rpx;">￥</text>
                    {{ price }}
                </view>
                <view class="top-right">
                    已售{{ sale }}
                </view>
            </view>
            <view class="item-title">
                {{ productTitleName }}
            </view>
            <view class="item-way">
                <text class="item-txt" v-for="(item,index) in labelData">{{ item }}</text>
            </view>
            <view class="item-bottom" @click="$refs.orderService.$refs.popupEnsure.open()">
                <view class="bottom-info">

                    <image class="bottom-sure" src="@/static/img/order-sure.png" mode=""></image>
                    <text class="bottom-left">服务保障</text>
                    <text class="bottom-order"></text>
                    <text class="bottom-txt">{{ tags.join('·') }}</text>
                </view>
                <image class="bottom-img" src="@/static/img/right.png" mode="aspectFit"></image>
            </view>


        </view>
        <!-- <view class="item-offset" >
			<u-sticky offset-top="0">
				<view>
					塞下秋来风景异，衡阳雁去无留意
				</view>
			</u-sticky>
		</view> -->

        <view class="od-box  od-boxs" ref='selectListRef' id='odBoxId'>
            <!-- 服务领域新组件 -->
            <order-items-service ref="orderItem" :info="info" :bearFees="bearFees" v-if="Object.keys(info.product).length > 0">
            </order-items-service>
            <!-- 服务领域组件 -->
            <!-- 	<order-item-service ref="orderItemService" :info="info" v-if="Object.keys(info.product).length > 0">
			</order-item-service> -->
            <!--      必选 标志   <view class="required-box">*</view>-->
            <view class="od-item marginbottom20">
                <view class="item-tip">
                    <view class="center-box">
                        费用承担
                    </view>
                </view>
                <view class="item-right" @click="!btmbtn?'':$refs.priceTypeSelectPopop.open();">
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active" :class="bearFees == '自费' ? 'zifei_width':'zifei_width'" :style="bearFees == '自费' ? '' : 'width: calc((100% - 40rpx) / 2);position: relative;'">
                                {{ bearFees }}
                                <image v-if="bearFees == '投资人支付'" style="right:-52rpx;top:-16rpx" class="noback" src="@/static/img/order-noback.png" mode="aspectFit"></image>
                            </view>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
            </view>
            <view class="od-item marginbottom20" v-if="bearFees != '自费'">
                <view class="item-tip">涉案金额</view>
                <view class="item-right">
                    <view class="service-list inline-list">
                        <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':''" :style="bearFees == '自费' ? 'width:calc((100% - 36px) / 2.1);' : 'width: 100%; margin-right: 0;'">
                            {{ qiankuan }}
                        </view>
                    </view>
                    <view class="item-nav" v-if="bearFees == '自费'">
                        <image src="" mode="aspectFit"></image>
                    </view>
                </view>
            </view>
            <template v-if="bearFees == '自费'">

                <view class="od-item marginbottom20">
                    <view class="item-tip">
                        <view class="center-box">
                            您的角色
                        </view>
                    </view>
                    <view class="item-right" @click="!btmbtn?'':$refs.selfIdentPopop.open()">
                        <view class="service-list inline-list">
                            <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'">
                                {{ self_ident == '收款方' ? '起诉方' : self_ident }}
                            </view>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>

                <view class="od-item marginbottom20" v-if="self_ident=='收款方'">
                    <view class="item-tip" style="padding-right: 20rpx;" @click="toExternalLink('http://zxgk.court.gov.cn/shixin/')">
                        <view class="center-box">
                            对方失信
                        </view>
                        <image src="@/static/img/question.png" mode=""
                               style="width: 30rpx;height: 30rpx"></image>
                    </view>
                    <view class="item-right" @click="!btmbtn?'':$refs.believePopop.open()">
                        <view class="service-list inline-list">
                            <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'">
                                {{ isBelieveSelectData[is_believe].value_name }}
                            </view>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20" v-if="self_ident=='收款方'">
                    <view class="item-tip" style="padding-right: 20rpx;" @click="toExternalLink('http://zxgk.court.gov.cn/zhixing/')">
                        <view class="center-box">
                            对方被执行中
                        </view>
                        <image src="@/static/img/question.png" mode=""
                               style="width: 30rpx;height: 30rpx"></image>
                    </view>
                    <view class="item-right" @click="!btmbtn?'':$refs.isZhiXingPopop.open()">
                        <view class="service-list inline-list">
                            <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'">
                                {{ isBelieveSelectData[is_fayuan_zhixing].value_name }}
                            </view>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip" style="padding-right: 20rpx;" @click="$refs.organizationPopop.open()">
                        <view class="center-box">
                            审理机构
                        </view>
                        <image src="@/static/img/question.png" mode=""
                               style="width: 30rpx;height: 30rpx"></image>
                    </view>
                    <view class="item-right" @click="!btmbtn?'':$refs.organizationSelectPopop.open()">
                        <view class="service-list inline-list">
                            <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'">
                                {{ organization }}
                            </view>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip" style="padding-right: 20rpx;" @click="$refs.stagePopup.open()">
                        <view class="center-box">
                            服务阶段
                        </view>
                        <image src="@/static/img/question.png" mode="" style="width: 30rpx;height: 30rpx"></image>
                    </view>
                    <view class="item-right" @click="!btmbtn?'':$refs.popupServiceStage.open()">
                        <view class="item-txt gray" v-if="!stage">您想让律师帮您代理哪几个办案阶段</view>
                        <view class="service-list inline-list" v-else>
                            <view class="service-item active" style="width: 100%; margin-right: 0;">{{ stage }}</view>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <!--jump( '/pages/client/order/web-image', { url: doc_shenli_img,type:3} )-->
                <view class="od-item marginbottom20">
                    <view class="item-tip" style="padding-right: 20rpx;"
                          @click="toAddress()">
                        <view class="center-box">
                            审理地点
                            <view class="required-box">*
                            </view>
                        </view>
                        <image src="@/static/img/question.png" mode=""
                               style="width: 30rpx;height: 30rpx"></image>
                    </view>
                    <view class="item-right" @click="!btmbtn?'':popupTakeTwoClick()">
                        <view class="item-txt gray" v-if="!hear_addr">您的案件在哪里审理</view>
                        <view class="service-list inline-list" v-else>
                            <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'" :style="hear_addr.replace(/,/g, '').length<7?'':'width: calc((100%))!important;margin-right:0;'">
                                <view class="width-180" style="white-space:nowrap;overflow:hidden; text-overflow: ellipsis;">
                                    {{ hear_addr.replace(/,/g, '') }}
                                </view>
                            </view>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>

                <view class="od-item marginbottom20">
                    <view class="item-tip">律师挑选方式</view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'">
                                智能匹配
                            </view>
                        </view>
                        <view class="item-nav"></view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip">
                        <view class="center-box">
                            律师执业年限
                        </view>
                    </view>
                    <view class="item-right" @click="!btmbtn?'':$refs.productNameSelectPopop.open()">
                        <view class="service-list inline-list">
                            <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'">
                                {{ practiceYear }}
                            </view>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip" style="align-items: flex-start; padding-top: 12rpx;">
                        <view class="center-box">
                            律师执业区域
                            <view class="required-box">
                                *
                            </view>
                        </view>
                    </view>
                    <view class="item-right" @click="!btmbtn?'':practiceAreaClick()">
                        <view class="item-txt gray" v-if="!practiceArea">请选择审理地点的律师，高效省钱</view>
                        <view class="service-list inline-list" v-else>
                            <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'" :style="practiceArea.replace(/,/g, '').length<7?'width: calc((100% - 50rpx) / 1.95)':'width: calc((100%));margin-right:0;'">
                                <view class="width-180" style="white-space:nowrap;overflow:hidden; text-overflow: ellipsis;">
                                    {{ practiceArea.replace(/,/g, "") }}
                                </view>
                            </view>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip">
                        <view class="center-box">
                            律师服务语言
                        </view>
                    </view>
                    <view class="item-right" @click="!btmbtn?'':langClick()">
                        <view class="item-txt gray" v-if="lang_ids.length == 0">您希望律师用什么语言与您交流</view>
                        <view class="service-list inline-list" v-else>
                            <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'" :style="lang_ids.length == 1 ? 'width: calc((100% - 40rpx) / 2)!important' : 'width: 100%!important'">
                                {{ langStr }}
                            </view>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip" style="align-items: flex-start; padding-top: 12rpx;">
                        排除律师
                    </view>
                    <view class="item-right" style="align-items: flex-start;" @click="!btmbtn?'':lawyerSelectClick()">
                        <view class="item-txt gray" v-if="remove_userids.length == 0">您不想哪些律师/律所看到您的订单
                        </view>
                        <view class="service-list inline-list" v-else>
                            <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'">
                                {{ remove_userids.length }}个
                            </view>
                        </view>
                        <view class="item-nav" style="margin-top: 4px;">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>


                <view class="od-item marginbottom20">
                    <view class="item-tip">
                        <view class="center-box">
                            服务报价
                        </view>
                    </view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'">
                                {{ serve_offer }}
                            </view>
                        </view>

                        <view class="whyIcon" @click="!btmbtn?'':gotoJiSuanQi(info.product.product_id)">
                            <image src="@/static/img/jisuanqi-icon.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <!--      报价方式必选标志       <view class="required-box"  v-if="isZhixing">
              *
            </view>-->
                <view class="od-item marginbottom20">
                    <view class="item-tip" @click="$refs.offerPopop.open();">
                        <view class="center-box">
                            报价方式
                        </view>
                        <image src="@/static/img/question.png" mode=""
                               style="width: 30rpx;height: 30rpx;padding-right: 20rpx;"></image>
                    </view>
                    <view class="item-right" @click=" isZhixing&&btmbtn?$refs.offerSelectPopop.open():''">
                        <view class="service-list inline-list">
                            <view class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'" :style="isZhixing?'width: calc((100% - 50rpx) / 1.95)':'width: calc((100% - 50rpx) / 2.13)'">
                                {{ offer }}
                            </view>
                        </view>
                        <view class="item-nav" v-if="isZhixing">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                        <view class="item-nav" v-else>
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip">
                        <view class="center-box">
                            付款时间
                            <!--              <view class="required-box" v-if="offer == '千里马'">-->
                            <!--                *-->
                            <!--              </view>-->
                        </view>
                    </view>
                    <view class="item-right" @click="offer == '千里马' ? paytwo() : ''">
                        <view class="service-list inline-list">
                            <view class="service-item active" :class="bearFees == '自费' ? 'zifei_width':'zifei_width'" :style="offer == '千里马' ?'width: calc((100% - 20px) / 1.99);position: relative;':'width: calc((100% - 20px) / 2.18);position: relative;'">
                                {{ price_type_text }}
                                <image v-if="price_type_text == '先付后用 任性付'" class="noback" src="@/static/img/order-noback4.png" mode="aspectFit"></image>
                                <image v-if="price_type_text == '先用后付 无忧付'" class="noback" src="@/static/img/order-noback2.png" mode="aspectFit"></image>
                                <image v-if="price_type_text == '边用边付 轻松付'" class="noback" src="@/static/img/order-noback3.png" mode="aspectFit"></image>
                            </view>
                        </view>
                        <view class="item-nav" v-if="offer == '千里马'">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                        <view class="item-nav item-navss" v-else>
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20" :style="offer == '活马'?'align-items: flex-start;':''">
                    <view class="item-tip">
                        <view class="center-box">
                            律师费用金额
                        </view>
                    </view>
                    <view class="item-right">
                        <view class="service-list inline-list active" v-if="offer == '千里马'">
                            <view class="service-item active" :class="bearFees == '自费' ? 'zifei_width':'zifei_width'" style="color:red;border: 2rpx solid red;font-weight: 700;">
                                ￥{{ price }}
                            </view>
                        </view>
                        <view class="service-list inline-list" v-if="offer == '活马'" style="color:red;font-weight: 700;;margin-left: 10rpx;border: 2rpx solid red;padding-left:4rpx;padding-right:4rpx;">
                            前期费用：{{ total }}(下单时付)
                            <view v-if="self_ident == '收款方'">
                                后期费用：按律师帮您回收款物金额的{{ later_money }}计算
                            </view>
                            <view v-else>
                                后期费用：按律师帮您减少支出金额的{{ later_money }}计算
                            </view>
                        </view>
                        <view class="service-list inline-list" v-if="offer == '还魂马'" style="color:red;font-weight: 700;;margin-left: 10rpx;;border: 2rpx solid red;">
                            <view v-if="self_ident == '收款方'">
                                按律师帮您回收款物金额的{{ later_money }}计算
                            </view>
                            <view v-else>
                                按律师帮您减少支出金额的{{ later_money }}计算
                            </view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20" v-if="bearFees == '投资人支付'">
                    <view class="item-tip">投资人收益</view>
                    <view class="item-right">
                        <view class="item-txt">
                            <text class="red">您回收款物后5日内，按回收款物金额的30％支付投资收益给投资人，不回款不用付。
                            </text>
                            <br/>
                        </view>
                    </view>
                </view>

                <!-- 优惠券组件 -->
                <div>
                    <order-user-coupon v-if="info.coupon" :info="info" :btmbtn="btmbtn" :style="(offer=='千里马'&&price_type_text == '先用后付 无忧付')||offer=='还魂马' ? 'display:none':''" @getCoupon="getCoupon"></order-user-coupon>
                </div>
                <!-- 付款方式组件 -->
                <!-- 选千里马-先用后付或还魂马时，付费方式字段隐藏 -->
                <!-- <template v-if="price_type_text != '先用后付 无忧付' && offer != '还魂马'">
                    <order-item-pay-method ref="orderItemPayMethod" :info="info" v-if="Object.keys(info.product).length > 0"></order-item-pay-method>
                </template> -->
                <template v-if="price_type_text != '先用后付 无忧付' && offer != '还魂马'">
                    <view class="od-item marginbottom20" v-if="!edit_order_id">
                        <view class="item-tip">
                            <view class="center-box">
                                付款方式
                            </view>
                        </view>
                        <view class="item-right" @click="!btmbtn?'':$refs.playTypePopop.open()">
                            <view class="service-list inline-list">
                                <view v-if="pay_type == '微信'" class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'" style="width: calc((100% - 50rpx) / 1.96)">
                                    <image style="width: 34rpx;height: 34rpx;margin-right: 10rpx;" src="@/static/img/pay-icon1.png" mode="aspectFit"></image>
                                    {{ pay_type }}
                                </view>
                                <view v-if="pay_type == '支付宝'" class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'" style="width: calc((100% - 50rpx) / 1.95)">
                                    <image style="width:calc((100% - 50rpx) / 1.97);height: 34rpx;margin-right: 10rpx;" src="@/static/img/pay-icon2.png" mode="aspectFit"></image>
                                    {{ pay_type }}
                                </view>
                                <view v-if="pay_type == '余额'" class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'" style="width: calc((100% - 50rpx) / 1.95)">
                                    <image style="width: calc((100% - 50rpx) / 1.97);height: 34rpx;margin-right: 10rpx;" src="@/static/img/pay-icon3.png" mode="aspectFit"></image>
                                    {{ pay_type }}
                                </view>
                                <view v-if="pay_type == '朋友代付'" class="service-item active" :class="bearFees == '自费' ?'zifei_width':'zifei_width'" style="width: calc((100% - 50rpx) / 2)">
                                    <image style="width: calc((100% - 50rpx) / 1.94);height: 34rpx;margin-right: 10rpx;" src="@/static/img/pay-icon4.png" mode="aspectFit"></image>
                                    {{ pay_type }}
                                </view>
                            </view>
                            <view class="item-nav">
                                <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                            </view>
                        </view>
                    </view>
                </template>
                <view class="od-item marginbottom20" style="display: none">
                    <view class="item-tip">
                        <view class="center-box">
                            项目资料
                            <view v-if="offer=='还魂马'" class="required-box">
                                *
                            </view>
                        </view>
                    </view>
                    <!-- @click="jump('/pages/client/order/upload', { source: JSON.stringify(source) })" -->
                    <view class="item-right" v-if="self_ident=='收款方'" @click="jump('/pages/client/order/project-data', { card_images: card_images,liaotian_images:liaotian_images,jietiao_images: jietiao_images,cuishou_images:cuishou_images,other_images:other_images,type:2,btmbtns:btmbtns,shenfen_images:shenfen_images,zanzhuzheng_doc:zanzhuzheng_doc })">
                        <view class="item-txt gray">您手上有的资料都可上传</view>
                        <view class="item-file" v-if="card_images!='' || liaotian_images!='' || jietiao_images!='' || cuishou_images!='' || other_images!=''">
                            <image src="@/static/img/order-file.png"></image>
                        </view>
                        <view class="item-nav">
                            <image src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                    <view class="item-right" v-else
                          @click="jump('/pages/client/order/upload', { source: JSON.stringify(source),btmbtns:btmbtns })">
                        <view class="item-txt gray">您手上有的资料都可上传</view>
                        <view class="item-file" v-if="source && source.length > 0">
                            <image src="@/static/img/order-file.png"></image>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view style="display: none" class="od-item marginbottom20">
                    <view class="item-tip" style="align-items: flex-start;" @click="$refs.myrequirePopup.open();">您的要求
                        <image src="@/static/img/question.png" mode="" style="width: 30rpx;height: 30rpx;padding-right: 20rpx;margin-top:2rpx"></image>
                    </view>
                    <view class="item-right">
                        <!-- <order-right-textarea ref="myrequire" :isnum="2"></order-right-textarea>
            <view class="item-nav"></view> -->
                        <view class="item-txt">
                            <textarea auto-height="true" class="textarea-border" style="font-size:12px;border:none;padding:0" placeholder="我要律师帮我实现什么结果" placeholder-class="placeholder" v-model="requirement"/>
                        </view>
                    </view>
                </view>
                <!-- <view class="od-item">
                    <view class="item-tip">服务保障</view>
                    <view class="item-right" @click="$refs.orderServiceEnsure.$refs.popupEnsure.open()">
                        <view class="item-txt green">
                            <view class="text-ellipsis" style="width: 400rpx;">{{ info.product.tags }}</view>
                        </view>
                        <view class="item-nav"><image src="@/static/img/right.png" mode="aspectFit"></image></view>
                    </view>
                </view>


                <view class="od-item">
                    <view class="item-tip require">服务方式</view>
                    <view class="item-right">
                        <view class="item-txt">{{ serviceType }}</view>
                    </view>
                </view>
                <view class="od-item">
                    <view class="item-tip">其他费用</view>
                    <view class="item-right">
                        <view class="item-txt"><text class="blue">国家费用</text></view>
                    </view>
                    <view class="whyIcon" @click="$refs.orderCommonTip.$refs.popupTip.open()"><image src="@/static/img/why.png" mode="aspectFit"></image></view>
                </view> -->
            </template>
            <template v-else>
                <view class="od-item marginbottom20">
                    <view class="item-tip">案件进度</view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active">{{ jindu }}</view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip">
                        <view class="center-box">
                            您的角色
                            <!--              <view class="required-box">-->
                            <!--            *-->
                            <!--          </view>-->
                        </view>
                    </view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active">{{
                                    self_ident == '收款方' ? '收款方' : self_ident
                                }}
                            </view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip" style="padding-right: 20rpx;" @click="$refs.identPopop.open()">对方类型
                        <image src="@/static/img/question.png" mode=""
                               style="width: 30rpx;height: 30rpx"></image>
                    </view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active" style="width: calc((100% - 40rpx) / 2);">{{
                                    dui_ident
                                }}
                            </view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip" style="padding-right: 20rpx;" @click="toExternalLink('http://zxgk.court.gov.cn/shixin/')">
                        对方失信
                        <image src="@/static/img/question.png" mode=""
                               style="width: 30rpx;height: 30rpx"></image>
                    </view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active">{{ isBelieveSelectData[is_believe].value_name }}</view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip" style="padding-right: 20rpx;" @click="toExternalLink('http://zxgk.court.gov.cn/zhixing/')">
                        对方被执行中
                        <image src="@/static/img/question.png" mode=""
                               style="width: 30rpx;height: 30rpx"></image>
                    </view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active">{{ isBelieveSelectData[is_fayuan_zhixing].value_name }}
                            </view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip" style="padding-right: 20rpx;" @click="$refs.organizationPopop.open()">审理机构
                        <image src="@/static/img/question.png" mode=""
                               style="width: 30rpx;height: 30rpx"></image>
                    </view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active">{{ organization }}</view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <!--          jump('/pages/client/order/web-image', { url: doc_jieduan2_img,type:2})-->
                    <view class="item-tip" style="padding-right: 20rpx;" @click.stop="$refs.stagePopup.open();">
                        <view class="center-box">
                            服务阶段
                            <!-- <view class="required-box"> *</view> -->
                        </view>
                        <image src="@/static/img/question.png" mode="" style="width: 30rpx;height: 30rpx"></image>
                    </view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active" style="width: 100%; margin-right: 0;">{{ stage }}</view>
                        </view>
                    </view>
                </view>
                <!-- @click.stop="jump('/pages/client/order/web-image', { url: doc_shenli_img,type:3})" -->
                <view class="od-item marginbottom20">
                    <view class="item-tip" style="padding-right: 20rpx;"
                          @click="toAddress()"
                    >
                        <view class="center-box">
                            审理地点
                        </view>
                        <image src="@/static/img/question.png" mode=""
                               style="width: 30rpx;height: 30rpx"></image>
                    </view>
                    <view class="item-right" @click="!btmbtn?'':$refs.popupTake.open()">
                        <view class="item-txt gray" v-if="!hear_addr">您的案件在哪里审理？</view>
                        <view class="service-list inline-list" v-else>
                            <view class="service-item active" style="width: calc((100% - 40rpx) / 2);">{{
                                    hear_addr
                                }}
                            </view>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>

                <view class="od-item marginbottom20">
                    <view class="item-tip">律师挑选方式</view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active" style="width: calc((100% - 20px) / 2)">智能匹配</view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip">
                        律师执业年限
                    </view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active" style="width: calc((100% - 20px) / 2)">{{
                                    practiceYear
                                }}
                            </view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip" style="align-items: flex-start; padding-top: 12rpx;">
                        律师执业区域
                    </view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active" style="width: calc((100% - 40rpx) / 2)">
                                {{ practiceArea.replace(/,/g, "") }}
                            </view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip">
                        <view class="center-box">
                            律师服务语言
                            <!--              <view class="required-box">-->
                            <!--                *-->
                            <!--              </view>-->
                        </view>
                    </view>
                    <view class="item-right" @click="!btmbtn?'':langClick()">
                        <view class="item-txt gray" v-if="lang_ids.length == 0">您希望律师用什么语言与您交流</view>
                        <view class="service-list inline-list" v-else>
                            <view class="service-item active" :style="lang_ids.length == 1 ? 'width: calc((100% - 40rpx) / 2)' : 'width: 100%!important'">
                                {{ langStr }}
                            </view>
                        </view>
                        <!-- <view class="service-list inline-list" v-else>
                            <view class="service-item active" style="width: calc((100% - 20rpx) / 2);margin:10rpx 10rpx 0rpx 10rpx">{{getDataName(langIdData,lang_ids[0])}}</view>
                            <view class="service-item active" style="width: calc((100% - 20rpx) / 2);margin:10rpx 0rpx 0rpx 0rpx">{{getDataName(langIdData,lang_ids[1])}}</view>
                            ...
                        </view> -->
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>

                <view class="od-item marginbottom20">
                    <view class="item-tip">服务报价</view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active">{{ serve_offer }}</view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <!-- <view class="od-item marginbottom20">
                    <view class="item-tip">律师费用12</view>
                    <view class="item-right">
                    <view class="service-list inline-list">
                        <view class="service-item active" style="width: calc((100% - 50rpx) / 2)">投资人支付</view>
                    </view>
                    </view>
                </view> -->
                <view class="od-item marginbottom20">
                    <view class="item-tip">
                        <view class="center-box">
                            付款时间
                        </view>
                    </view>
                    <view class="item-right">
                        <view class="service-list inline-list">
                            <view class="service-item active" style="width: calc((100% - 20px) / 2);position: relative;">
                                {{ price_type_text }}
                                <image class="noback" src="@/static/img/order-noback4.png" mode="aspectFit"></image>
                            </view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip">
                        <view class="center-box">
                            律师费用金额
                        </view>
                    </view>
                    <view class="item-right" style="min-height:60rpx">
                        <view class="service-list inline-list">
                            <view class="service-item active" style="width: calc((100% - 40rpx) / 2);color:red;border: 2rpx solid red;position: relative;">
                                ￥2500
                                <image class="noback" style="width:100rpx;height: 50rpx;right: -70rpx;top:-26rpx" src="@/static/img/order-noback5.png" mode="aspectFit"></image>
                            </view>
                        </view>
                        <view class="item-nav">
                            <image src="" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <view class="item-tip" style="align-items: flex-start;margin-top: 10rpx;"
                          @click.stop="jump('/pages/client/order/touzirenDescribe')"
                    >投资人承担
                        <image src="@/static/img/question.png" mode=""
                               style="width: 30rpx;height: 30rpx;padding-right: 20rpx;margin-top:2rpx"></image>
                    </view>
                    <view class="item-right" @click="!btmbtn?'':gotoJiSuanQi(info.product.product_id)">
                        <view class="touziren-box">律师费+立案受理费+公告费+异地被告身份查询费</view>
                        <view class="whyIcon" style="align-items:center">
                            <image src="@/static/img/jisuanqi-icon.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20">
                    <!-- <view class="item-tip" style="align-items: flex-start" @click="$refs.earningsPopup.open()">投资人收益<image src="@/static/img/question.png" mode=""
				style="width: 30rpx;height: 30rpx;padding-right: 20rpx;"></image></view> -->
                    <view class="item-tip" style="align-items: flex-start">投资人收益</view>
                    <view class="item-right">
                        <view class="touziren-box">您案件债权总额的30%，回款后7日内支付给投资人，不回款不用付。
                        </view>
                        <view class="whyIcon">
                            <image></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20" style="display: none">
                    <view class="item-tip">项目资料</view>
                    <view class="item-right"
                          @click="jump('/pages/client/order/project-data', { card_images: card_images,liaotian_images: liaotian_images,jietiao_images: jietiao_images,cuishou_images: cuishou_images,other_images: other_images,huan_images:huan_images,type:1,btmbtns:btmbtns,zanzhuzheng_doc:zanzhuzheng_doc,shenfen_images:shenfen_images  })">
                        <view class="item-txt gray">您手上有的资料都可上传</view>
                        <view class="item-file" v-if="card_images!='' || liaotian_images!='' || jietiao_images!='' || cuishou_images!='' || other_images!='' || huan_images!=''">
                            <image src="@/static/img/order-file.png"></image>
                        </view>
                        <view class="item-nav">
                            <image v-if="btmbtn" src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="od-item marginbottom20" style="display: none">
                    <view class="item-tip" style="align-items: flex-start;" @click="$refs.myrequirePopup.open();">您的要求
                        <image src="@/static/img/question.png" mode="" style="width: 30rpx;height: 30rpx;padding-right: 20rpx;margin-top:2rpx"></image>
                    </view>
                    <view class="item-right">
                        <!-- requirement -->
                        <view class="item-txt">
                            <textarea auto-height="true" class="textarea-border" style="font-size:12px;border:none;padding:0" placeholder="我要律师帮我实现什么结果" placeholder-class="placeholder" v-model="requirement"/>
                        </view>
                    </view>
                </view>
                <!-- <view class="od-item">
					<view class="item-tip">服务保障</view>
					<view class="item-right" @click="$refs.orderService.$refs.popupEnsure.open()">
						<view class="item-txt green">
							<view class="text-ellipsis" style="width: 400rpx;">{{ info.product.tags }}</view>
						</view>
						<view class="item-nav">
							<image src="@/static/img/right.png" mode="aspectFit"></image>
						</view>
					</view>
				</view> -->
                <!-- <view class="od-item">
					<view class="item-tip require">服务方式</view>
					<view class="item-right">
						<view class="item-txt">{{ serviceType }}</view>
					</view>
				</view>
				<view class="od-item">
					<view class="item-tip">其他费用</view>
					<view class="item-right">
						<view class="item-txt"><text class="blue">国家费用（或有）</text></view>
					</view>
					<view class="whyIcon" @click="$refs.orderCommonTipMaybe.$refs.popupTip.open()">
						<image src="@/static/img/why.png" mode="aspectFit"></image>
					</view>
				</view> -->
            </template>
            <!-- 服务范围组件 -->
            <!-- <order-item-service-desc :info="info" v-if="Object.keys(info.product).length > 0"></order-item-service-desc> -->
        </view>
        <order-feiyong-info ids='feiYong' v-show="bearFees == '自费'" :id='info.product.product_id' :doc_zifei_img="info.product.doc_zifei_img||[]" :docZifei='doc_zifei'></order-feiyong-info>
        <!-- 服务内容组件 -->
        <!-- 自费服务内容 zifei_content
    投资人支付服务内容 touzi_content
    自费产品说明 zifei_shuoming
    投资人支付产品说明 touzi_shuoming -->
        <!-- <order-unfold-new title="服务内容" id='fuWu' :img_src="zifei_content">
      <view slot="unfold-con">
        <view class="" v-html="info.product.serve_content"></view>
      </view>
    </order-unfold-new> -->
        <order-unfold-new id='fuWu' title="服务内容" :isSpread='true' :img_src="bearFees == '自费' ? zifei_content : touzi_content"></order-unfold-new>

        <!-- 产品说明组件 -->
        <order-unfold-product-new-zifei v-if="bearFees == '自费'" id='chanPin' title="产品说明" :isSpread='true' :img_src="bearFees == '自费' ? zifei_shuoming : touzi_shuoming"></order-unfold-product-new-zifei>
        <order-unfold-product-new-touziren v-if="bearFees == '投资人支付'" id='chanPin' title="产品说明" :isSpread='true' :img_src="bearFees == '自费' ? zifei_shuoming : touzi_shuoming"></order-unfold-product-new-touziren>

        <view class="od-box" :style="bearFees == '自费' ? 'margin-bottom:22rpx' : 'margin-bottom:88rpx'" id='wendajia'>
            <view class="od-item" style="display: block;"
                  @click="jump('/pages/client/order/ask', { id: info.product.id, product_name: info.product.product })">
                <view class="" style="color:#000;font-weight: bold;margin-bottom: 22rpx;font-size: 28rpx;">问大家</view>
                <view class="item-right">
                    <view class="item-txt" style="margin-left:0rpx">产品有疑问，进去问问用过的人吧</view>
                    <view class="gray" style="line-height: 60rpx;" v-if="info.ques_count">{{ info.ques_count }}</view>
                    <view class="item-nav">
                        <image src="@/static/img/right.png" mode="aspectFit"></image>
                    </view>
                </view>
            </view>
        </view>
        <view class="save-box-two">
            <view style="display: flex;align-items: center;font-size:20rpx" v-if="bearFees == '投资人支付'" @click="checkChange">
                <image src="../../../static/img/icon/radio.png" v-if="agree==false" style="width: 24rpx;height: 24rpx;margin-top: 2rpx"></image>
                <image src="../../../static/img/icon/radioed.png" v-else style="width: 24rpx;height: 24rpx;margin-top: 2rpx"></image>
                <label class="chekc-group-box" style="margin-left:10rpx;font-size: 24rpx">
                    我已阅读
                    <view class="check-info" style="font-size: 24rpx"
                          @click.stop="jump('/pages/client/order/web-image', { url: hetong_img,type:1})">
                        《债权投资合同》
                    </view>
                    ,并同意按上述条款履行
                </label>
            </view>
            <view class="save-go-box">
                <view class="go-left">
                    <view class="left-prize" v-if="bearFees == '投资人支付'">
                        <text style="font-size: 34rpx;">￥0元下单</text>
                    </view>
                    <template v-else>
                        <view class="left-prize" style="font-weight: 600;" v-if="offer=='还魂马'||price_type_text == '先用后付 无忧付'">
                            ￥0元下单
                        </view>
                        <view class="left-prize" style="font-weight: 600;" v-else>
                            <text class=""> ￥{{ money }}</text>
                            <text class="coupon-prize" v-if="sell" style="text-decoration:line-through;color:#aaaaaa">
                                ￥{{ sell }}
                            </text>
                        </view>
                        <view class="left-tip" v-if="offer=='还魂马'" style="color:red">(不见效 不用付)</view>
                        <view class="left-tip" v-else>{{ price_type_text }}</view>
                    </template>
                </view>
                <view class="go-right" v-if="!edit_order_id">
                    <button v-if="isShare" type="default" class="go-btn" @click="confirm">一键无忧下单</button>
                    <button v-else type="default" class="go-btn" @click="downloadApp">一键无忧下单</button>
                </view>
                <view class="go-right" v-else>
                    <button type="default" class="go-btn" @click="confirm">{{ orderButton }}</button>
                </view>
            </view>
        </view>


        <!-- 服务人员弹出层 -->
        <uni-popup ref="popupService" type="bottom">
            <order-popup-service @closePop="closePop('popupService')" @chooseService="chooseService"
                                 :practiceChoose="practiceChoose" :practiceYear="practiceYear" :practiceArea="practiceArea"
                                 :key="new Date().getTime()" :info="info"></order-popup-service>
        </uni-popup>
        <!-- 服务保障新组件 -->
        <order-service ref="orderService" v-if="Object.keys(info.product).length > 0" :bearFees='bearFees' :info="info"></order-service>
        <!-- 服务保障组件 -->
        <order-service-ensure ref="orderServiceEnsure" v-if="Object.keys(info.product).length > 0" :info="info">
        </order-service-ensure>
        <!-- 债券投资合同组件-->
        <order-invest-contact ref="investContact">
            <view class="agree-box" slot="agree-box">
                <label @click="checkChange">
                    <image src="../../../static/img/icon/radio.png" v-if="agree==false" style="width: 30rpx;height: 30rpx;"></image>
                    <image src="../../../static/img/icon/radioed.png" v-else style="width: 30rpx;height: 30rpx;"></image>
                    我已阅读并同意按上述条款履行
                </label>
            </view>
            <view class="ok-box" slot="agree-box">
                <button type="default" class="ok-btn"
                        @click="bondConfirm">确定并继续下单
                </button>
            </view>
        </order-invest-contact>
        <!-- 审理地点弹出层 -->
        <!-- <uni-popup ref="popupTake">
			<order-popup-common title="审理地点" @closePop="closePop('popupTake')">
				<scroll-view class="popup-con" slot="popup-con" scroll-y="true">
					<view class="take-box">
						<view class="take-title">
							<text class="gray relative require">审理机关确定依据</text>
							<text class="blue">暂住证明</text>
							<text class="blue">法院管辖规定</text>
						</view>
						<view class="service-list">
							<view class="service-item" style="width: 100%;" :class="{ active: hear_basis == item }"
								v-for="(item, index) in info.list.hear_basis" @click="hear_basis = item">
								{{ item }}
							</view>
						</view>
						<view class="take-title">
							<text class="gray relative require">审理机关所在区域</text>
							<text class="red">(其他城市将逐步开放业务)</text>
						</view>
						<view class="service-list" style="justify-content: space-around;">
							<view class="service-item" style="width: calc((100% - 40rpx)/2);"
								:class="{ active: hear_addr == item }" v-for="(item, index) in info.list.hear_addr"
								@click="hear_addr = item">
								{{ item }}
							</view>
						</view>
					</view>
				</scroll-view>
				<view class="ok-box" slot="popup-btn"
					style="margin-top: -50rpx; position: absolute; bottom: 0; width: 100%; border-radius: 46rpx">
					<button type="default" class="ok-btn" @click="closePop('popupTake')">确定</button>
				</view>
			</order-popup-common>
		</uni-popup> -->
        <uni-popup ref="popupTake" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">审理地点</view>
                    <view class="title-close" @click="closePop('popupTake')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <scroll-view scroll-y="true" class="stage-scroll-box">
                    <view v-for="(item,index) in info.list.hear_addr" :key='index' :class="hear_addr == item ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="hearAddrSelectClick(item)">
                        {{ item }}
                    </view>
                </scroll-view>
            </view>
        </uni-popup>
        <uni-popup ref="popupTakeTwo" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">审理地点(自费)</view>
                    <view class="title-close" @click="closePop('popupTakeTwo')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <!-- <scroll-view scroll-y="true" class="stage-scroll-box">
                    <view v-for="(item,index) in info.list.hear_addr" :key='index' :class="hear_addr == item ? 'select-item-box pitch-on': 'select-item-box un-pitch'"  @click="hearAddrSelectClick(item)">{{ item }}</view>
                </scroll-view> -->
            </view>
        </uni-popup>
        <u-picker mode="region" v-model="popupTakeTwo" :params="params" :default-region="defaultTake"
                  confirm-color="#FFC801" @cancel="TakeCancel" @confirm="TakeConfirm" title='审理地点'>
        </u-picker>

        <!-- 服务阶段弹出层 -->
        <uni-popup ref="popupServiceStage" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择服务阶段</view>
                    <view class="title-close" @click="closePop('popupServiceStage')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <scroll-view scroll-y="true" class="stage-scroll-box">
                    <view v-for="(item,index) in stage_list" :key='index' :class="stage == item ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="stageSelectClick(item)">
                        {{ item }}
                    </view>
                </scroll-view>
            </view>
        </uni-popup>
        <uni-popup ref="identPopop" type="bottom" background-color="#fff" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">对方类型选择说明</view>
                    <view class="title-close" @click="closePop('identPopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <scroll-view scroll-y="true" class="bot-con">
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">快速指引</view>
                    </view>
                    <view class="bot-content-box">
                        可在企查查、启信宝、爱企查、国家企业信用信息公示系统上查询确认对方的类型
                    </view>
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">个人/个体户</view>
                    </view>
                    <view class="bot-content-img-box">
                        <image src="@/static/img/ident-popup1.png" @click="clickImg(0)"></image>
                        <image src="@/static/img/ident-popup2.png" @click="clickImg(1)" style="margin-left:20rpx"></image>
                    </view>
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">私企/公司</view>
                    </view>
                    <view class="bot-content-img-box">
                        <image src="@/static/img/ident-popup3.png" @click="clickImg(2)"></image>
                        <image src="@/static/img/ident-popup4.png" @click="clickImg(3)" style="margin-left:20rpx"></image>
                    </view>
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">国企/单位</view>
                    </view>
                    <view class="bot-content-img-box">
                        <image src="@/static/img/ident-popup5.png" @click="clickImg(4)"></image>
                        <image src="@/static/img/ident-popup6.png" @click="clickImg(5)" style="margin-left:20rpx"></image>
                    </view>
                    <view class="bot-content-img-box">
                        <image src="@/static/img/ident-popup7.png" @click="clickImg(6)"></image>
                        <image src="@/static/img/ident-popup8.png" @click="clickImg(7)" style="margin-left:20rpx"></image>
                    </view>
                    <view class="bot-content-img-box">
                        <image src="@/static/img/ident-popup9.png" @click="clickImg(8)"></image>
                    </view>
                </scroll-view>
                <view class="bot-save">
                    <view class="save-box" @click="closePop('identPopop')">朕知道了</view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="organizationPopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">审理机构选择说明</view>
                    <view class="title-close" @click="closePop('organizationPopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <scroll-view scroll-y="true" class="bot-con" style="line-height: 22px">
                    <!--        <image src="@/static/img/743.png" mode="aspectFit" style="width: 100%;height: 73%;"></image>-->
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text">您和对方没有约定由哪个机构审理的，</view>
                    </view>
                    <view class="bot-content-box" style="font-size: 14px">
                        选 <span class="bold">人民法院</span>。
                    </view>
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text">您和对方有书面文件约定由人民法院审理的，</view>
                    </view>
                    <view class="bot-content-box" style="font-size: 14px">
                        选 <span class="bold">人民法院</span>。
                    </view>
                    <view class="bot-content">
                        <span class="title_box">范例：</span><span class="content_box">因本协议引起的或与本协议有关的任何争议，由双方友好协商解决。协商不成时，双方均有权向<span class="underline">原告住所地的人民法院</span>提起诉讼。</span>
                    </view>
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text">您和对方有书面文件约定由XXX仲裁委员会审理的，</view>
                    </view>
                    <view class="bot-content-box" style="font-size: 14px">
                        选 <span class="bold">商事仲裁委</span>。
                    </view>
                    <view class="bot-content">
                        <span class="title_box" style="width: 294rpx;">范例：</span><span class="content_box">因本协议引起的或与本协议有关的任何争议，由双方友好协商解决，协商不成的，双方均同意提交<span class="underline">广州仲裁委员会仲裁</span>，并同意按照该会届时有效的仲裁规则仲裁。</span>
                    </view>
                </scroll-view>
                <view class="bot-save">
                    <view class="save-box" @click="closePop('organizationPopop')">朕知道了</view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="jinduPopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择案件进度</view>
                    <view class="title-close" @click="closePop('jinduPopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="bot-select-con">
                    <view v-for="(item,index) in jinduSelectData" :key='index' :class="jindu == item.value_name ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="jinduSelectClick(item.value_name )">
                        {{ item.value_name }}
                    </view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="selfIdentPopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择您的角色</view>
                    <view class="title-close" @click="closePop('selfIdentPopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="bot-select-con">
                    <view v-for="(item,index) in selfIdentSelectData" :key='index' :class="self_ident == item.value_name ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="selfIdentSelectClick(item.value_name )">
                        {{ item.value_name == '收款方' ? '起诉方' : item.value_name }}
                    </view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="duiIdentPopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择对方类型</view>
                    <view class="title-close" @click="closePop('duiIdentPopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="bot-select-con">
                    <view v-for="(item,index) in duiIdentSelectData" :key='index' :class="dui_ident == item.value_name ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="duiIdentSelectClick(item.value_name )">
                        {{ item.value_name }}
                    </view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="believePopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择对方失信</view>
                    <view class="title-close" @click="closePop('believePopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="bot-select-con">
                    <view v-for="(item,index) in isBelieveSelectData" :key='index' :class="is_believe == item.id ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="isBelieveSelectClick(item.id )">
                        {{ item.value_name }}
                    </view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="isZhiXingPopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择对方正在被执行中</view>
                    <view class="title-close" @click="closePop('isZhiXingPopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="bot-select-con">
                    <view v-for="(item,index) in isBelieveSelectData" :key='index' :class="is_fayuan_zhixing == item.id ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="isZhiXingSelectClick(item.id )">
                        {{ item.value_name }}
                    </view>
                </view>
            </view>
        </uni-popup>

        <uni-popup ref="organizationSelectPopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择审理机构</view>
                    <view class="title-close" @click="closePop('organizationSelectPopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="bot-select-con">
                    <view v-for="(item,index) in organizationSelectData" :key='index' :class="organization == item.value_name ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="organizationSelectClick(item.value_name )">
                        {{ item.value_name }}
                    </view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="stagePopup" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">服务阶段选择说明</view>
                    <view class="title-close" @click="closePop('stagePopup')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <scroll-view scroll-y="true" class="bot-con" style="height:500rpx">
                    <view class="stage-item-box" v-for="(item,index) in stageSelectData" :key='index' @click="stageItemClick(item)">
                        <view class="left-box">
                            <view class="icon-box"></view>
                            <view class="title-box">
                                {{ item.title }}
                            </view>
                        </view>
                        <view class="right-box">
                            <image src="@/static/img/right.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </scroll-view>
                <view class="bot-save">
                    <view class="save-box" @click="closePop('stagePopup')">朕知道了</view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="productNameSelectPopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择律师执业年限</view>
                    <view class="title-close" @click="closePop('productNameSelectPopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="bot-select-con">
                    <view v-for="(item,index) in productNameData" :key='index' :class="practiceYear == item.value_name ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="productNameSelectClick(item.value_name )">
                        {{ item.value_name }}
                    </view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="langPopup" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择律师服务语言</view>
                    <view class="title-close" @click="closePop('langPopup')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="assistant-title-box">您希望律师用什么语言与您交流？</view>
                <scroll-view scroll-y="true" class="bot-con" style="padding: 0rpx;">
                    <view class="lang-item-box" v-for="(item,index) in langIdData" :key='index' @click="langSelectClick(item)">
                        <view class="icon-box" v-if="popupSelectList.includes(item.id)">
                            <image src="@/static/img/pitch-on-icon.png" mode="aspectFit"></image>
                        </view>
                        <view class="icon-box" v-else>
                            <image src="@/static/img/un-pitch-on-icon.png" mode="aspectFit"></image>
                        </view>
                        <view class="content-box">{{ item.recname }}</view>
                    </view>
                </scroll-view>
                <view class="bot-save">
                    <view class="save-box" @click="langSaveClick">确定</view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="priceTypeSelectPopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择费用承担</view>
                    <view class="title-close" @click="closePop('priceTypeSelectPopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="bot-select-con">
                    <view v-for="(item,index) in moneyTypeData" :key='index' :class="bearFees == item.new_value_name ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="priceTypeSelectClick(item.new_value_name )" style="position: relative;">
                        {{ item.new_value_name }}
                        <image v-if="item.new_value_name == '投资人支付'" class="noback" src="@/static/img/order-noback.png" mode="aspectFit"></image>
                    </view>

                </view>
            </view>
        </uni-popup>
        <uni-popup ref="myrequirePopup" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">您的要求填写规范</view>
                    <view class="title-close" @click="closePop('myrequirePopup')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <scroll-view scroll-y="true" class="bot-con" style="height:300rpx">
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">范例</view>
                    </view>
                    <view class="bot-content-box">
                        我要陈冠希还我借款200元</br>
                        我要彭于晏赔偿我人身损害费300元</br>
                        我要阿里巴巴给我货款30万元</br>
                        我要与林志玲离婚，要抚养权，分财产</br>
                        柳岩告我，要我赔偿精神损失费，没有道理，要求打赢</br>
                    </view>
                </scroll-view>
                <view class="bot-save">
                    <view class="save-box" @click="closePop('myrequirePopup')">朕知道了</view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="earningsPopup" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">投资人收益选择说明</view>
                    <view class="title-close" @click="closePop('earningsPopup')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <scroll-view scroll-y="true" class="bot-con" style="height: 500rpx;">
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">债权总额</view>
                    </view>
                    <view class="bot-content-box">
                        ·指您请求的欠款本金、利息、违约金、立案受理费、公告费、律师费等全部费用总和，《债权投资合同》另有约定的除外。
                    </view>
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">不同情形下，投资人投资收益计算公式如下</view>
                    </view>
                    <view class="bot-content-box">
                        ·法院判决时，您主张的欠款本金全部获得支持或部分获得支持，计算公式为：生效裁判文书上确定您可以收取的全部金额×30%；
                    </view>
                    <view class="bot-content-box">
                        ·与欠款方和解/调解时，您给欠款方减免了部分欠款本金或没有减免欠款本金，计算公式为：您与欠款方的和解/调解金额×30%。
                    </view>
                </scroll-view>
                <view class="bot-save">
                    <view class="save-box" @click="closePop('earningsPopup')">朕知道了</view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="offerSelectPopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">报价方式</view>
                    <view class="title-close" @click="closePop('offerSelectPopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="bot-select-con">
                    <view v-for="(item,index) in offerData" :key='index' :class="offer == item.value_name ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="offerSelectClick(item.value_name )">
                        {{ item.value_name }}
                    </view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="offerPopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">报价方式选择说明</view>
                    <view class="title-close" @click="closePop('offerPopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <scroll-view scroll-y="true" class="bot-con" v-if="self_ident == '收款方'">
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">千里马</view>
                    </view>
                    <view class="bot-content-box">
                        您认为很好收的债，请律师只是走个程序，省心省事</br>·先付费 后办事</br>·花小钱 办大事</br>·回款 全归您
                    </view>
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">活马</view>
                    </view>
                    <view class="bot-content-box">
                        您认为可以收回的债，但要花点心思</br>·前期跑腿费+回款后提成</br>·风险共担 长效激励</br>·利益均衡
                        效益可期
                    </view>
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">还魂马</view>
                    </view>
                    <view class="bot-content-box">
                        您认为不抱希望的烂债，反正搏一把</br>·先用后付 大力出奇迹</br>·风险律师担 不回款不收钱</br>·重赏之下
                        必有勇士
                    </view>

                </scroll-view>
                <scroll-view scroll-y="true" class="bot-con" v-else>
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">千里马</view>
                    </view>
                    <view class="bot-content-box">
                        您认为要偿还的债，请律师走个程序，争取还款计划和时间</br>·先付费 后办事</br>·花小钱 办大事</br>
                        ·少烦恼，不慌乱
                    </view>
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">活马</view>
                    </view>
                    <view class="bot-content-box">
                        您认为账不对，要花点心思理清</br>·前期跑腿费+见面部分提成</br>·风险共担 长效激励</br>·利益均衡
                        效益可期
                    </view>
                    <view class="bot-title-box">
                        <view class="icon-box"></view>
                        <view class="title-text-box">还魂马</view>
                    </view>
                    <view class="bot-content-box">
                        您认为不抱希望了，全力争取减免，少亏就是赚</br>·先用后付 不减免不收费</br>·风险律师担
                        大力出奇迹</br>·重赏之下 必有勇士
                    </view>

                </scroll-view>
                <view class="bot-save">
                    <view class="save-box" @click="closePop('offerPopop')">朕知道了</view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="moneyTypeSelectPopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择付款时间</view>
                    <view class="title-close" @click="closePop('moneyTypeSelectPopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="bot-select-con">
                    <view v-for="(item,index) in moneyTypeData" :key='index' :class="money_type == item.id ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="moneyTypeSelectClick(item.id )">
                        {{ item.value_name }}
                    </view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="removeUseridsSelectpopup" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择排除律师</view>
                    <view class="title-close" @click="keyword='';closePop('removeUseridsSelectpopup')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="remark-box">
                    您不想让哪些律师/哪个律所看到您的订单
                </view>
                <view class="select-box">
                    <!--          confirm-type='search' @confirm='keywordConfirm'-->
                    <input class="input-box" placeholder-class="input-placeholder-box" v-model="keyword" type="text" placeholder="请输入律师或律所名称"/>
                    <view class="select-button-box" :class="keyword!=''?'searchall':''" @click="keywordConfirm">
                        搜索
                    </view>
                </view>
                <scroll-view scroll-y="true" class="bot-con" v-if="removeUserData.length>0">
                    <view class="lawyer-con" v-for="(item,index) in removeUserData" :key='index' @click="lawyerItemClick(item)">
                        <view class="lawyer-left">
                            <view class="image-wrapper">
                                <image :src="item.lawyer_avatar" mode="widthFix"></image>
                            </view>
                        </view>
                        <view class="lawyer-right">
                            <view class="lawyer-name">
                                <view class="name-left">{{ item.realname }}</view>
                                <view class="title-year">
                                    <view class="year-img">
                                        <image src="@/static/img/lawyer-list-icon5.png" mode="aspectFit"></image>
                                    </view>
                                    <view class="year-num">执业{{ item.years }}年</view>
                                </view>
                                <view class="name-right">
                                    <view class="image-wrapper" v-if="userSelectData.includes(item.id)">
                                        <image src="@/static/img/pitch-on-icon.png" mode="aspectFit"></image>
                                    </view>
                                    <view class="image-wrapper" v-else>
                                        <image src="@/static/img/un-pitch-on-icon.png" mode="aspectFit"></image>
                                    </view>
                                </view>
                            </view>
                            <view class="lawyer-item">
                                <view class="item-left">
                                    <view class="image-wrapper">
                                        <image src="@/static/img/person.png" mode="aspectFit"></image>
                                    </view>
                                </view>
                                <view class="item-txt">
                                    <text class="item-txt">{{ item.area_text }}</text>
                                </view>
                            </view>
                            <view class="lawyer-item" style="align-items: center;">
                                <view class="item-left">
                                    <view class="image-wrapper">
                                        <image src="@/static/img/locat.png" mode="aspectFit"></image>
                                    </view>
                                </view>
                                <view class="item-txt">{{ item.address_text }}</view>
                            </view>
                            <view class="lawyer-item" style="align-items: center;">
                                <view class="item-left">
                                    <view class="image-wrapper">
                                        <image src="@/static/img/address.png" mode="aspectFit"></image>
                                    </view>
                                </view>
                                <view class="item-txt">{{ item.lawyer }}</view>
                            </view>
                            <view class="lawyer-item" style="align-items: center;">
                                <view class="item-left">
                                    <view class="image-wrapper">
                                        <image src="@/static/img/code.png" mode="aspectFit"></image>
                                    </view>
                                </view>
                                <view class="item-txt">执业证号:{{ item.code }}</view>
                            </view>
                        </view>
                    </view>
                </scroll-view>
                <view class="bot-con-no" v-else-if="isshouci"></view>
                <view class="bot-con-no" style="color:#000" v-else>暂无匹配律师</view>
                <view class="bot-save">
                    <view class="select-all-box" :class="removeUserData.length > 0?'':'noallchoose'" @click="selectAll">
                        {{ isnoall ? '全选' : '全不选' }}
                    </view>
                    <view class="save-box" :class="(userSelectDataCopy.length > 0||userSelectData.length > 0)?'':'nochoosebutton'" @click="(userSelectDataCopy.length > 0||userSelectData.length > 0)?lawyerSaveClick():''">
                        确定
                    </view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="priceTypePopup" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择付款时间</view>
                    <view class="title-close" @click="closePop('priceTypePopup')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="bot-select-con">
                    <view v-for="(item,index) in priceTypeText" :key='index' :class="price_type_text == item.price_type_text ? 'select-item-box pitch-on': 'select-item-box un-pitch'" @click="priceSelectClick(item)" style="position: relative;">
                        {{ item.price_type_text }}
                        <image v-if="item.price_type_text == '先付后用 任性付'" class="noback" src="@/static/img/order-noback4.png" mode="aspectFit"></image>
                        <image v-if="item.price_type_text == '先用后付 无忧付'" class="noback" src="@/static/img/order-noback2.png" mode="aspectFit"></image>
                        <image v-if="item.price_type_text == '边用边付 轻松付'" class="noback" src="@/static/img/order-noback3.png" mode="aspectFit"></image>
                    </view>
                </view>
            </view>
        </uni-popup>
        <uni-popup ref="playTypePopop" type="bottom" @change="removeCss($event)">
            <view class="popup-bottom-box">
                <view class="bot-title">
                    <view class="title-txt">选择付款方式</view>
                    <view class="title-close" @click="closePop('playTypePopop')">
                        <view class="image-wrapper">
                            <image src="@/static/img/close.png" mode="aspectFit"></image>
                        </view>
                    </view>
                </view>
                <view class="bot-select-con">
                    <view :class="pay_type == '微信' ? 'select-item-box pitch-on': 'select-item-box un-pitch'" style="justify-content:flex-start;padding-left:110rpx" @click="playTypeSelectClick('微信')">
                        <image style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" src="@/static/img/pay-icon1.png" mode="aspectFit"></image>
                        微信
                    </view>
                    <view :class="pay_type == '支付宝' ? 'select-item-box pitch-on': 'select-item-box un-pitch'" style="justify-content:flex-start;padding-left:110rpx" @click="playTypeSelectClick('支付宝')">
                        <image style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" src="@/static/img/pay-icon2.png" mode="aspectFit"></image>
                        支付宝
                    </view>
                    <view :class="pay_type == '余额' ? 'select-item-box pitch-on': 'select-item-box un-pitch'" style="justify-content:flex-start;padding-left:110rpx" @click="playTypeSelectClick('余额')">
                        <image style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" src="@/static/img/pay-icon3.png" mode="aspectFit"></image>
                        余额
                        <view style="font-size: 20rpx;color:#C0C0C0;margin-left: 10rpx;">
                            {{ info.money }}
                        </view>
                    </view>
                    <view :class="pay_type == '朋友代付' ? 'select-item-box pitch-on': 'select-item-box un-pitch'" style="justify-content:flex-start;padding-left:110rpx" @click="playTypeSelectClick('朋友代付')">
                        <image style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" src="@/static/img/pay-icon4.png" mode="aspectFit"></image>
                        朋友代付
                    </view>
                </view>
            </view>
        </uni-popup>

        <!-- 选择地区组件 -->

        <u-picker mode="region" v-model="showArea" :params="params" :default-region="defaultRegion"
                  confirm-color="#FFC801" @cancel="regionCancel" @confirm="regionConfirm" title='选择律师执业区域'>
        </u-picker>
        <u-modal v-model="showAddr" :zoom="false" class="model-box" confirmText='返回重选' cancelText='愿意承担' showCancelButton confirmColor='#F9B804' @confirm='modalConfirm' @cancel='modalCancel'>
            <view class="slot-content">
                <view class="modal-title">
                    温馨提示
                </view>
                <view class="modal-content">
                    您选择了审理地点以外的律师
                    <!-- 您选择的审理地点{{hear_addr.replace(/,/g, "")}}不在律师执业区域以内，将产生如下事项：<br/> -->
                    <view style="margin:10rpx 0rpx">
                        1.律师出差异地办事，将产生交通费、住宿费、办公费等；<br/>
                        2.律师需要提前安排出差时间，而且对当地环境不熟悉，办事效率可能会受到影响；<br/>
                    </view>
                    您是否愿意接受并承担相关费用？
                </view>
            </view>
        </u-modal>
        <u-modal v-model="shareShow" :zoom="false" class="model-box">
            <view class="modal-title">
                温馨提示
            </view>
            <view class="share-content">
                请点击右上角按钮在其他浏览器打开
            </view>
        </u-modal>
        <!-- 其他费用或有温馨提示 -->
        <order-common-tip ref="orderCommonTipMaybe">
            <view class="warm-tip-box" style="padding: 0 30rpx;">
                <view class="warm-tip-item">
                    <view class="item-left">1</view>
                    <view class="item-right">
                        国家费用（或有）：指财产保全费、财产保全担保费、勘验费、鉴定费、翻译费、工商/房产/汽车查档费、证人/鉴定人/翻译人员出庭的交通费、住宿费、生活费和误工补贴费等。详情请查看下面附件文档。
                    </view>
                </view>
                <view class="warm-tip-item">
                    <view class="item-left">2</view>
                    <view class="item-right">国家费用（或有）并非一定会发生，也并非每个案件都会发生。只有在您向相关国家部门提出书面申请，且经国家部门审查同意后，才有可能产生上述费用。
                    </view>
                </view>
                <view class="warm-tip-item">
                    <view class="item-left">3</view>
                    <view class="item-right">
                        案件办理过程中，如发生上述费用，您可到时与投资人协商是否额外承担支付这些费用。投资人如不同意支付该等费用的，请您自行支付。
                    </view>
                </view>
                <view class="warm-tip-item">
                    <view class="item-left">4</view>
                    <view class="item-right">
                        律师在其执业区域以内为您办案，由第三方收取的快递、交通、复印、打印、通讯等费用，概由律师承担，您不需支付。
                    </view>
                </view>
            </view>
        </order-common-tip>
        <!-- 其他费用温馨提示 -->
        <order-common-tip ref="orderCommonTip">
            <view class="warm-tip-box" style="padding: 0 30rpx;">
                <view class="warm-tip-item">
                    <view class="item-left">1</view>
                    <view class="item-right">其他费用是指国家费用或差旅费用。</view>
                </view>
                <view class="warm-tip-item">
                    <view class="item-left">2</view>
                    <view class="item-right">
                        国家费用：指政府机关、公检法或相关国家部门依法依规收取的法定费用，具体金额根据国家发票确定，分为必有费用和或有费用:
                        <view class="warm-tip-item">
                            <view class="item-left">a</view>
                            <view class="item-right">
                                必有费用：指立案受理费，收款单位对应法院或商事仲裁委。
                                <view class="warm-tip-item">
                                    <view class="item-left">·</view>
                                    <view class="item-right">
                                        法院:您到法院告人家，法院审查后，同意受理您案件时，会根据国家规定标准，向您收取该费用。如果法院不同意受理，不收取该费用。您可点击“国家费用”，评估您案件需要的受理费。
                                    </view>
                                </view>
                                <view class="warm-tip-item">
                                    <view class="item-left">·</view>
                                    <view class="item-right">
                                        商事仲裁委:您到商事仲裁委告人家，商事仲裁委审查后，同意受理您案件时，会根据其制定的标准，向您收取该费用。如果商事仲裁委不同意受理，不收取该费用。具体收费标准，请上网搜索各个商事仲裁委电话，拨打咨询。
                                    </view>
                                </view>
                            </view>
                        </view>
                        <view class="warm-tip-item">
                            <view class="item-left">b</view>
                            <view class="item-right">
                                或有费用：指财产保全费、财产保全担保费、异地被告身份证明查询费、法院公告费、勘验费、鉴定费、翻译费、工商/房产/汽车查档费、证人/鉴定人/翻译人员出庭的交通费、住宿费、生活费和误工补贴费等。详情请查看下面附件文档。
                            </view>
                        </view>
                        <view class="warm-tip-item">
                            <view class="item-left">c</view>
                            <view class="item-right">或有费用并非一定会发生，也并非每个案件都会发生。只有在您向相关国家部门提出书面申请，且经国家部门审查同意后，才有可能会产生或有费用。
                            </view>
                        </view>
                    </view>
                </view>
                <view class="warm-tip-item">
                    <view class="item-left">3</view>
                    <view class="item-right">
                        差旅费用：指经您同意，律师在其执业区域以外为您办案，由第三方收取的住宿费、交通费、复印/打印费等异地费用，具体金额根据发票/票据确定。如不用律师出差，不产生该费用。
                    </view>
                </view>
                <view class="warm-tip-item">
                    <view class="item-left">4</view>
                    <view class="item-right">
                        律师在其执业区域以内为您办案，由第三方收取的快递、交通、复印、打印、通讯等费用，概由律师承担，您不需支付。
                    </view>
                </view>
            </view>
        </order-common-tip>
        <!-- 全局通用组件 -->
        <law-common ref="lawCommon"></law-common>
        <!--		在法力app中打开-->
        //TODO
        <view class="suspension-box" @click="downloadApp()" v-if="!btmbtn">
            在法力App打开
            <u-icon name="arrow-right" color="#fff" size="20"></u-icon>
        </view>
        <view class="showToasts" v-if="showToast&&bearFees != '自费'">请勾选《债权投资合同》</view>
        <view class="showToasts" v-if="showToast&&bearFees == '自费'">请选择{{ requireInfo }}</view>
    </view>
</template>
<script>
import bus from '@/common/utils/bus.js';
import $ from 'jquery'

export default {
    data() {
        return {
            autoplay              : true,
            indicatorDots         : true,
            interval              : 5000,
            bannerList            : [],
            styleHeight           : 186,
            isshouci              : true,
            isnoall               : true,
            lock                  : true,
            all_lawyer            : [],//总的律师数量
            requireInfo           : '',//必填的信息
            is_poup               : false,//是否打开弹窗
            placeholderTxt        : "我要律师帮我实现什么结果",
            orderButton           : '',
            info                  : {
                list   : {},
                product: {}
            },
            product_desc          : '',
            zifei_content         : '',
            touzi_content         : '',
            zifei_shuoming        : '',
            touzi_shuoming        : '',
            serviceType           : '', //服务方式
            practiceChoose        : '智能匹配', //挑选方式
            practiceYear          : '', //执业年限
            practiceArea          : '全国', //执业区域
            product_id            : '', //七个产品id
            product_name          : '', //七个产品名称
            area_id               : '', //服务领域id
            requirement           : '', //我的要求
            tags                  : [], //服务保障
            serve_content         : '', //服务内容
            desc_content          : '', //产品说明
            money                 : '', //律师费
            moneyList             : [], //律师费列表
            price_type_text       : '', //律师费 付款方式
            agree                 : false, //同意
            bearFees              : '', //费用承担
            jindu                 : '', //目前进度
            self_ident            : '', //我的身份
            dui_ident             : '', //对方类型
            is_believe            : 1, //对方未失信
            is_fayuan_zhixing     : 0,//对方正在被法院执行中
            organization          : '', //审理机构
            hear_basis            : '', //审理依据
            hear_addr             : '', //审理机关所在区域
            offer                 : '千里马', //千里马
            stage                 : '', //服务阶段
            stage_list            : [], //服务阶段列表
            qiankuan              : '', //涉案金额
            order_id              : '', //法务编辑订单id
            current_coupon        : {}, //选中的优惠券
            offerList             : [],
            tipGrade              : '', //服务报价提示
            sell                  : '', //优惠价格
            edit_order_id         : '', //编辑是的传过来的订单id
            product_price_id      : '', //律师费用方式
            source                : [],
            topImg                : 'https://d-fali.bigchun.com/assets/product/84.png', //顶部图片
            jinduSelectData       : [],//进度选择项
            selfIdentSelectData   : [],//我的身份选择项
            duiIdentSelectData    : [],//对方类型选择项
            isBelieveSelectData   : [{id: 0, value_name: '是'}, {id: 1, value_name: '否'}],//对方失信选择项
            organizationSelectData: [],//审理机构选择项
            stageSelectData       : [{title: '民事诉讼流程图', image: '', type: 'img'}, {
                title: '民事审限表',
                image: '',
                type : 'doc'
            }, {title: '商事仲裁流程图', image: '', type: 'img'}, {title: '劳动仲裁流程图', image: '', type: 'img'}],
            hearAddrUrl           : '',//审理地点
            productNameData       : [],//执业年限
            selectArea            : '', //已选择区域
            defaultRegion         : [],
            showArea              : false,
            params                : {
                province: true,
                city    : true,
                area    : false
            },
            lang_ids              : [1],//律师语言，多选
            langIdData            : [],//律师语言数据
            popupSelectList       : [],//弹窗中选中的语言
            moneyTypeData         : [],//付款时间
            serve_offer           : '平台统一价',//服务报价
            offerData             : [],//报价方式数据
            isZhixing             : true,
            offerAllData          : [
                '本诉 (套餐)一审+二审+执行',
                '本诉 (套餐)二审+执行',
                '本诉 执行',
                '反诉 (套餐)一审+二审+执行',
                '反诉 (套餐)二审+执行',
                '反诉 执行',
                '本仲裁 (套餐)商事仲裁+执行',
                '反仲裁 (套餐)商事反请求仲裁+执行'
            ],
            priceTypeData         : [],//费用承担
            money_type            : '',
            removeUserData        : [],//排除律师数据
            remove_userids        : [],//排除律师
            userSelectData        : [],//选中的律师
            userSelectDataCopy    : [],//进来之前是否有选中
            keyword               : '',
            later_money           : '',
            pay_type              : '微信',
            product_image         : '',
            buyTipData            : '',
            hetong_doc            : '',
            doc_touziren          : '',
            doc_zifei             : '',
            zanzhuzheng_doc       : '',//暂住证模板
            shenfen_images        : '',//收款方身份证正反面/姓名 身份证号
            card_images           : '',//欠款方身份证正反面/姓名 身份证号
            liaotian_images       : '',//确认欠款金额的聊天截图内容
            jietiao_images        : '',//借条/欠条/还款承诺书/对账单等文书
            cuishou_images        : '',//催收的聊天内容(微信/支付宝/录音/录像)
            huan_images           : '',//还款记录(包括每次还款金额和还款时间)
            other_images          : '',//您认为有用的其他有用材料
            price                 : '0',//价格
            sale                  : '0',//销量
            labelData             : [],
            productTitleName      : '',
            total                 : 0,
            popupTakeTwo          : false,
            defaultTake           : [],
            windowTop             : 44,
            tabList               : [{name: '服务选项', id: 1}, {name: '服务内容', id: 2}, {
                name: '产品说明',
                id  : 3
            }, {name: '问大家', id: 4}],
            tabItemValue          : 1,
            showTab               : false,
            isShare               : this.$route.query.type == 'share' ? false : true,//是否是分享页面
            itemTopHeight         : 0,//上方图片高度
            itemMainHeight        : 0,//基本信息模块高度
            odBoxHeight           : 0,//服务选项模块高度
            feiYongHeight         : 576,//律师费用模块高度
            fuWuHeight            : 792,//服务内容模块高度
            chanPinHeight         : 3283,//产品说明模块高度
            wendajiaHeight        : 0,//问大家模块高度
            windowHeight          : 0,
            langStr               : '汉语 普通话',
            shareTitle            : '',//分享标题
            shareContent          : '',//分享内容
            showAddr              : false,
            shareShow             : false,
            isAddr                : false,
            btmbtn                : true,
            btmbtns               : true,
            hetong_html           : '',
            doc_jieduan2_html     : '',
            doc_shenli_html       : '',
            doc_touziren_html     : '',
            hetong_img            : '',//合同图片
            doc_touziren_img      : [],//投资人承担图片数组
            doc_shenli_img        : [],//审理地点图片数组
            doc_jieduan2_img      : [],//服务阶段的民事申请图片数组
            fali_source           : [],
            showToast             : false,//提示框显示
            imgList               : [],
            productTitleName_old  : '',//初始化 提交订单标题
            priceTypeText         : [],
        };
    },
    created() {
        // 安卓
        window.payOk = this.payOk;
        uni.getSystemInfo({
            success: function (res) {
                this.windowTop = res.windowTop || 44
            }
        });
        if (this.$route.query.type == 'share') {
            this.windowTop = 0
        }
    },
    mounted() {
        console.log("----this.btmbtns", this.btmbtns, this.$route.query.type)
        if (this.$route.query.type == 'share') {
            this.btmbtn  = false;
            this.btmbtns = false;
            // let ua = window.navigator.userAgent.toLowerCase();
            // if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            //   // alert('请点击右上角按钮在其他浏览器打开')
            //   // this.shareShow = true
            //
            // }else{
            //   window.location.href = 'https://a.app.qq.com/o/simple.jsp?pkgname=com.lifakeji.lark.business.law'
            // }
        }
    },
    onLoad(params) {
        if (this.$route.query.type == 'share') {
            this.btmbtns = false;
            console.log(" this.btmbtns====", this.btmbtns)
        }
        // if(params.type=='share'){
        //  // this.downloadApp() /
        //    let ua = window.navigator.userAgent.toLowerCase()
        //    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
        //        // alert('请点击右上角按钮在其他浏览器打开')
        //        // this.shareShow = true
        //    }else{
        //        window.location.href = 'https://a.app.qq.com/o/simple.jsp?pkgname=com.lifakeji.lark.business.law'
        //    }
        // }
        // 编辑
        this.orderButton = params.edit ? '我要更改' : '我要下单';
        switch (params.price_type_text) {
            case '48':
                params.price_type_text = "先付后用 任性付"
                break
            case '49':
                params.price_type_text = "边用边付 轻松付"
                break
            case '50':
                params.price_type_text = "先用后付 无忧付"
                break
            default:
                break
        }
        //修改
        if (params.order_id) {
            this.edit_order_id     = params.order_id;
            this.requirement       = params.requirement;
            this.liaotian_images   = params.liaotian_images;
            this.jietiao_images    = params.jietiao_images;
            this.cuishou_images    = params.cuishou_images;
            this.other_images      = params.other_images;
            this.card_images       = params.card_images;
            this.shenfen_images    = params.shenfen_images;
            this.huan_images       = params.huan_images;
            this.source            = JSON.parse(params.source);
            this.self_ident        = params.self_ident;
            this.stage             = params.stage;
            this.hear_addr         = params.server_address;  //审理地点
            this.practiceArea      = params.profession; // 律师执业地点
            this.is_believe        = params.is_believe; //对方未失信
            this.is_fayuan_zhixing = params.is_fayuan_zhixing;//对方正在被法院执行中
            server_name_id: params.server_name_id,
                console.log(params.server_address, "=======params.source", this.source, this.hear_addr, this.practiceArea);
        }
        // 我要下单
        if (params.product_id && params.area_id && params.product_name && params.bearFees) {
            this.bearFees        = params.bearFees;
            this.product_id      = params.product_id;
            this.area_id         = params.area_id;
            this.product_name    = params.product_name;
            // this.bannerList = params.product_image?JSON.parse(params.product_image):[];
            this.sale            = params.sale;
            // this.practiceYear = params.serve_name_text;
            this.price_type_text = params.price_type_text;//律师费 付款方式
            console.log("========price_type_text", params.price_type_text)
            this.product_price_id = params.product_price_id
            let info              = {
                id             : this.product_price_id,
                price_type_text: this.price_type_text
            }
            if (params.self_ident) {
                this.self_ident = params.self_ident;
            }
            if (params.stage) {
                this.stage = params.stage;
            }
            this.init(info);
        }
    },
    onReady() {
        let self = this
        uni.createSelectorQuery().select("#itemTop").boundingClientRect(function (data) { //data - 各种参数
            self.itemTopHeight = data.height
        }).exec()
        uni.createSelectorQuery().select("#itemMain").boundingClientRect(function (data) { //data - 各种参数
            self.itemMainHeight = data.height
        }).exec()
        uni.createSelectorQuery().select("#odBoxId").boundingClientRect(function (data) { //data - 各种参数
            self.odBoxHeight = data.height
        }).exec()
        uni.createSelectorQuery().select("#wendajia").boundingClientRect(function (data) { //data - 各种参数
            self.wendajiaHeight = data.height
        }).exec()
        uni.getSystemInfo({
            success: function (res) {
                self.windowHeight = res.windowHeight
            }
        });
    },
    watch: {
        userSelectData() {
            if (this.userSelectData.length == this.removeUserData.length && this.removeUserData.length) {
                this.isnoall = false
            } else {
                this.isnoall = true
            }
        },
        removeUserData() {
            if (this.userSelectData.length == this.removeUserData.length && this.removeUserData.length) {
                this.isnoall = false
            } else {
                this.isnoall = true
            }
        },
        // 切换审理机构获取服务阶段
        organization(val, oldVal) {
            if (oldVal && oldVal != '') {
                this.price_type_text = "先付后用 任性付"
                this.getStage(1);
            }
        },
        //切换费用承担
        bearFees(val, oldVal) {
            console.log("============444444444", oldVal)
            if (this.bearFees == '投资人支付') {
                this.jindu        = '未起诉';
                this.self_ident   = '收款方';
                this.dui_ident    = '个人/个体户';
                this.organization = '人民法院';
                this.stage        = '本诉 (套餐)一审+二审+执行';
                // this.productTitleName_old = this.stage;
                // this.productTitleName = this.stage;
                this.hear_basis        = '合同约定的管辖地点';
                this.hear_addr         = this.info.list.hear_addr[0];
                this.qiankuan          = '本金1万元以上—5万元以下(含)(人民币)';
                this.money             = '投资人支付';
                this.is_believe        = 1;
                this.is_fayuan_zhixing = 1
                // this.practiceYear = this.productNameData[0].value_name
                this.practiceArea      = '广东省,广州市'
                this.serve_offer       = '平台统一价'
                this.tabList = [{name: '服务选项', id: 1}, {name: '服务内容', id: 2}, {
                    name: '产品说明',
                    id  : 3
                }, {name: '问大家', id: 4}],
                    this.langStr = '汉语 普通话'
                this.lang_ids = [1]
                this.offer    = '报价方式';
                if (this.edit_order_id) {
                    this.product_id = this.edit_order_id;
                } else {
                    this.product_id = '354';
                }

                this.area_id = '1';
                // this.init();

            } else if (this.bearFees == '自费') {
                this.lang_ids = [1]
                if (oldVal) {
                    this.hear_addr = '';
                    //this.self_ident = '起诉方';
                    //this.organization = '人民法院';
                    //this.stage = '本诉 (套餐)一审+二审+执行';
                    this.practiceArea = ''
                }
                this.qiankuan         = '都可以'
                this.serve_offer      = '平台统一价'
                this.price_type_text  = "先付后用 任性付"
                this.product_price_id = "358"
                // this.practiceYear = this.productNameData[0].value_name
                this.defaultTake      = ['广东省', '广州市']
                this.tabList = [{name: '服务选项', id: 1}, {name: '第三方费用', id: 2}, {
                    name: '服务内容',
                    id  : 3
                }, {name: '产品说明', id: 4}, {name: '问大家', id: 5}],
                    this.langStr = '汉语 普通话';
                this.offer     = '千里马'
                this.isZhixing = (this.offerAllData.some(item => item === this.stage))
                if (oldVal) {
                    this.getMoney();
                }
            }
            this.tabItemValue = 1

        },
        // 服务阶段
        stage(val, oldVal) {
            this.getOffer();
            this.isZhixing        = (this.offerAllData.some(item => item === val))
            this.productTitleName = this.productTitleName_old + val;
            console.log("=====this.isZhixing", this.isZhixing);
            if (oldVal) {
                this.getMoney();
            }
        },
        // 服务报价
        offer(val, oldVal) {
            this.getStage();
            this.getTip();
            if (val == '千里马') {
                this.price_type_text = '先付后用 任性付'
            }
            this.isZhixing = (this.offerAllData.some(item => item === this.stage))
            if (oldVal) {
                this.getMoney();
            }
        },
        // 您的角色
        self_ident(val, oldVal) {
            this.isZhixing = (this.offerAllData.some(item => item === this.stage))
            this.getStage();
            this.getTip();
            this.getOffer();
            if (oldVal) {
                this.getMoney();
            }
        },
    },
    onPageScroll() {
        var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
        let height    = this.itemTopHeight + this.itemMainHeight - 44
        if (scrollTop < height) {
            this.showTab = false
        } else {
            // chanPinHeight  wendajiaHeight
            this.showTab = true
            if (this.bearFees == '投资人支付') {
                let height2 = '';
                let height3 = '';
                let height4 = '';
                let height1 = this.itemTopHeight + this.itemMainHeight - 44
                if (this.$route.query.type == 'share') {
                    height2 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + 75
                    height3 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.fuWuHeight + 48
                    height4 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.fuWuHeight + this.chanPinHeight - this.windowHeight + 304
                } else {
                    height2 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + 88
                    height3 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.fuWuHeight + 88
                    height4 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.fuWuHeight + this.chanPinHeight - this.windowHeight + 260
                }
                // let height2 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + 88

                // let height3 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.fuWuHeight + 88

                // let height4 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.fuWuHeight + this.chanPinHeight  - this.windowHeight + 260

                if (scrollTop >= height1 && scrollTop < height2) {
                    this.tabItemValue = 1
                } else if (scrollTop >= height2 && scrollTop < height3) {
                    this.tabItemValue = 2
                } else if (scrollTop >= height3 && scrollTop < height4) {
                    this.tabItemValue = 3
                } else {
                    this.tabItemValue = 4
                }
            } else {
                let height1 = this.itemTopHeight + this.itemMainHeight - 44
                let height2 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + 220
                let height3 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.feiYongHeight + 230
                let height4 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.feiYongHeight + this.fuWuHeight + 240
                let height5 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.feiYongHeight + this.fuWuHeight + this.chanPinHeight - this.windowHeight + 250
                if (scrollTop >= height1 && scrollTop < height2) {
                    this.tabItemValue = 1
                } else if (scrollTop >= height2 && scrollTop < height3) {
                    this.tabItemValue = 2
                } else if (scrollTop >= height3 && scrollTop < height4) {
                    this.tabItemValue = 3
                } else if (scrollTop >= height4 && scrollTop < height5) {
                    this.tabItemValue = 4
                } else {
                    this.tabItemValue = 5
                }
            }
        }
    },
    methods: {
        toExternalLink(url) {
            console.log("====url", typeof url)
            const nav = navigator.userAgent;
            if (nav.indexOf('Android') > -1 || nav.indexOf('Adr') > -1) {
                location.href = url
            } else if (!!nav.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
                this.$bridge.callhandler('JumpToExternalLink', {url: url,}, res => {
                });
            }
        },
        getHeight() {
            setTimeout(() => {
                if (this.$refs.imgsdom.length) {
                    this.styleHeight = this.$refs.imgsdom[0].$el.clientHeight;
                }
            }, 500)

        },
        toAddress() {
            console.log("====this.doc_shenli_img", this.doc_shenli_img[0])
            let obj = {'image': this.doc_shenli_img[0]};
            this.imageClick(obj)
        },
        removeCss(e) {
            this.is_poup = e.show
            if (this.is_poup) {
                this.keyword  = "";
                this.isshouci = true;
                $(document.body).css({'overflow': 'hidden'})
            } else {
                $(document.body).css({'overflow': ''})
            }
        },
        clickImg(index) {
            var previewImages = [];
            previewImages.push(this.imgList[index]);
            //   // 预览图片
            var nav = navigator.userAgent;
            if (nav.indexOf('Android') > -1 || nav.indexOf('Adr') > -1) {
                phone.previewPicture(JSON.stringify(previewImages));
            } else if (!!nav.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
                this.$bridge.callhandler('previewPicture', previewImages, data => {
                });
            }
        },
        scrollToOne(id) {
            let height1 = this.itemTopHeight + this.itemMainHeight - 44
            let height2 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + 89
            // let height3 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.fuWuHeight + 89
            // let height4 = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.fuWuHeight + this.chanPinHeight  - this.windowHeight + 301

            if (id == 1) {
                this.tabItemValue = id;
                uni.pageScrollTo({
                    scrollTop: height1
                })
            } else if (id == 2) {
                this.tabItemValue = id;
                uni.pageScrollTo({
                    scrollTop: height2
                })
            } else if (id == 3) {
                if (this.$route.query.type == 'share') {
                    let height3       = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.fuWuHeight + 59;
                    this.tabItemValue = id;
                    uni.pageScrollTo({
                        scrollTop: height3
                    })
                } else {
                    let height3       = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.fuWuHeight + 89;
                    this.tabItemValue = id;
                    uni.pageScrollTo({
                        scrollTop: height3
                    })
                }

            } else {
                if (this.$route.query.type == 'share') {
                    let height4       = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.fuWuHeight + this.chanPinHeight - this.windowHeight + 561
                    this.tabItemValue = id;
                    uni.pageScrollTo({
                        scrollTop: height4
                    })
                } else {
                    let height4       = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.fuWuHeight + this.chanPinHeight - this.windowHeight + 301
                    this.tabItemValue = id;
                    uni.pageScrollTo({
                        scrollTop: height4
                    })
                }
            }
        },
        scrollToTwo(id) {
            let height1       = this.itemTopHeight + this.itemMainHeight - 44
            let height2       = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + 221
            let height3       = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.feiYongHeight + 231
            let height4       = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.feiYongHeight + this.fuWuHeight + 241
            let height5       = this.itemTopHeight + this.itemMainHeight + this.odBoxHeight + this.feiYongHeight + this.fuWuHeight + this.chanPinHeight + this.wendajiaHeight + this.wendajiaHeight - this.windowHeight + 301
            this.tabItemValue = id
            if (id == 1) {
                uni.pageScrollTo({
                    scrollTop: height1
                })
            } else if (id == 2) {
                uni.pageScrollTo({
                    scrollTop: height2
                })
            } else if (id == 3) {
                uni.pageScrollTo({
                    scrollTop: height3
                })
            } else if (id == 4) {
                uni.pageScrollTo({
                    scrollTop: height4
                })
            } else {
                uni.pageScrollTo({
                    scrollTop: height5
                })
            }
        },
        paytwo() {
            if (this.btmbtn) {
                this.$refs.priceTypePopup.open()
            }
        },
        async init(info) {
            let formData;
            // 编辑
            if (this.edit_order_id) {
                formData = {
                    id     : this.product_id,
                    area_id: this.area_id,
                    type   : 2
                };
            }
            // 新下单
            else {
                this.isAddr = true
                formData    = {
                    id     : this.product_id,
                    area_id: this.area_id
                };
            }
            if (uni.getStorageSync('token')) {
                formData = {
                    ...formData,
                    token: uni.getStorageSync('token')
                };
            }

            let res   = await this.$api('index.new_order', formData);
            // res.data.product.serve_content = res.data.product.serve_content.replace(new RegExp('&nbsp;','gi'),'')
            this.info = res.data;
            console.log("=====", this.info, res.data);
            this.money          = res.data.product.price;
            this.serviceType    = res.data.product.product_type;
            this.practiceChoose = res.data.product.choose;
            this.product_desc   = res.data.product.desc_content;
            this.zifei_content  = res.data.product.zifei_content;
            this.touzi_content  = res.data.product.touzi_content;
            this.zifei_shuoming = res.data.product.zifei_shuoming;
            this.touzi_shuoming = res.data.product.touzi_shuoming;
            if (res.data.product.profession_name == '全国') {
                this.practiceArea = ''
            }
            // this.practiceArea = res.data.product.profession_name;
            // this.practiceArea = '广东省,深圳市'
            this.defaultRegion = ['广东省', '深圳市']
            this.bearFees      = res.data.product.money_type;
            if (this.bearFees == '投资人支付') {
                this.tabList = [{name: '服务选项', id: 1}, {name: '服务内容', id: 2}, {
                    name: '产品说明',
                    id  : 3
                }, {name: '问大家', id: 4}]
            } else {
                this.tabList = [{name: '服务选项', id: 1}, {name: '第三方费用', id: 2}, {
                    name: '服务内容',
                    id  : 3
                }, {name: '产品说明', id: 4}, {name: '问大家', id: 5}]
            }
            this.jinduSelectData     = res.data.list.jindu || []
            this.jindu               = res.data.list.jindu[0].value_name;
            this.selfIdentSelectData = res.data.list.self_ident || []
            if (!this.self_ident) {
                this.self_ident = res.data.list.self_ident[0].value_name;
            }
            this.duiIdentSelectData     = res.data.list.dui_ident || []
            this.dui_ident              = res.data.list.dui_ident[0].value_name;
            this.organizationSelectData = res.data.list.organization || []
            this.organization           = res.data.product.organization;
            this.stage                  = res.data.product.stage;
            this.hear_basis             = res.data.list.hear_basis[0];
            // this.hear_addr = res.data.list.hear_addr[0];
            //图片路径
            this.imgList = res.data.pop_img_list;
            if (!this.requirement) {
                this.requirement = res.data.product.requirement || '';
            }
            if (this.bearFees != '自费') {
                this.offer = "报价方式";
            } else {
                this.offer = res.data.product.offer;
            }

            this.offerList                = res.data.list.offer;
            this.moneyList                = res.data.list.price_type;
            this.price_type_text          = res.data.product.price_type_text;
            this.product_price_id         = res.data.product.id;
            this.stageSelectData[0].image = res.data.product.doc_jieduan1
            this.stageSelectData[1].image = res.data.product.doc_jieduan2
            this.stageSelectData[2].image = res.data.product.doc_jieduan4
            this.stageSelectData[3].image = res.data.product.doc_jieduan5
            this.hearAddrUrl              = res.data.product.doc_shenli
            this.productNameData          = res.data.list.product_name
            if (!this.practiceYear) {
                this.practiceYear = this.productNameData[0].value_name
            }
            this.moneyTypeData     = res.data.list.money_type || []
            this.offerData         = res.data.list.offer || []
            this.buyTipData        = res.data.buy_tips || []
            this.hetong_doc        = res.data.product.hetong_doc
            this.hetong_html       = res.data.product.hetong_html
            this.hetong_img        = res.data.product.hetong_img //合同的图片
            this.doc_jieduan2_html = res.data.product.doc_jieduan2_html
            this.doc_shenli_html   = res.data.product.doc_shenli_html
            this.doc_shenli_img    = res.data.product.doc_shenli_img || [] //审理地点的图片数组
            this.doc_touziren_img  = res.data.product.doc_touziren_img || []//投资人承担图片数组
            this.doc_jieduan2_img  = res.data.product.doc_jieduan2_img || []//服务阶段的图片数组
            this.doc_touziren_html = res.data.product.doc_touziren_html
            this.doc_touziren      = res.data.product.doc_touziren
            this.doc_zifei         = res.data.product.doc_zifei
            this.zanzhuzheng_doc   = res.data.product.zanzhuzheng_doc//暂住证模板
            if (!this.card_images) {
                this.card_images = res.data.product.card_images || ''//欠款方身份证正反面/姓名 身份证号
            }
            if (!this.shenfen_images) {
                this.shenfen_images = res.data.product.shenfen_images || ''//收款方身份证正反面/姓名 身份证号
            }
            if (!this.liaotian_images) {
                this.liaotian_images = res.data.product.liaotian_images || ''//确认欠款金额的聊天截图内容
            }
            if (!this.jietiao_images) {
                this.jietiao_images = res.data.product.jietiao_images || ''//借条/欠条/还款承诺书/对账单等文书
            }
            if (!this.other_images) {
                this.other_images = res.data.product.other_images || ''//您认为有用的其他有用材料
            }
            if (!this.cuishou_images) {
                this.cuishou_images = res.data.product.cuishou_images || ''//催收的聊天内容(微信/支付宝/录音/录像)
            }
            if (!this.source) {
                this.source = res.data.product.source || ''//上传图片
            }
            if (!this.huan_images) {
                this.huan_images = res.data.product.huan_images || ''//还款记录(包括每次还款金额和还款时间)
            }
            this.price = res.data.product.price || '0' //价格
            //this.sale = res.data.product.sale || '0' //销量
            this.labelData        = res.data.product.label
            this.productTitleName = res.data.product.product_name
            if (this.bearFees == '自费') {
                //this.productTitleName_old = JSON.parse(JSON.stringify(this.productTitleName.substring(0, 9)));
                this.productTitleName_old = '债权债务代理';
            } else {
                // this.productTitleName_old = JSON.parse(JSON.stringify(this.productTitleName));
            }
            this.tags         = res.data.product.tags || []
            this.shareTitle   = this.productTitleName + ' ¥' + this.price
            this.shareContent = this.labelData.join(' ') + ' ' + this.tags.join(' ');
            if (info && this.bearFees != "投资人支付") {
                this.getMoney(1, info);
            }
            this.isZhixing  = (this.offerAllData.some(item => item === this.stage))
            this.bannerList = res.data.banner_list;
            setTimeout(() => {
                this.getHeight();
            }, 1000);
        },
        async getMoney(type, info) {
            if (info) {
                this.product_price_id = info.id;
                this.price_type_text  = info.price_type_text;
                this.labelData        = info.label
            }
            if (this.bearFees == '自费' && this.self_ident == '起诉方') {
                this.self_ident = '收款方';
            }
            let formData = {
                token           : uni.getStorageSync('token'),
                product_value_id: '',
                product_type_id : this.serviceType,
                product_id      : this.product_name,
                product_name_id : this.practiceYear,
                coupon_id       : this.current_coupon && (!(this.offer == '千里马' && this.price_type_text == '先用后付 无忧付') || this.offer == '还魂马') ? this.current_coupon.id : '',
                self_ident      : this.self_ident, //您的角色
                stage           : this.stage, //服务阶段
                offer           : this.offer,
                price_type_text : this.price_type_text,
            };
            if (this.offer == '千里马' || this.offer == '活马' || this.offer == '还魂马') {
                formData.product_value_id = ''
            } else {
                formData.product_value_id = this.product_price_id
            }
            let res            = await this.$api('index.product_price_name', formData);
            this.moneyList     = res.data;
            let formData2      = {
                token: uni.getStorageSync('token'),
                offer: this.offer
            }
            this.priceTypeText = [{'price_type_text': "先付后用 任性付"}];
            if (this.offer == '千里马') {
                this.priceTypeText = [{'price_type_text': "先付后用 任性付"}, {'price_type_text': "边用边付 轻松付"}, {'price_type_text': "先用后付 无忧付"}];
            }
            if (this.offer == '活马') {
                this.priceTypeText = [{'price_type_text': "先付后用 任性付"}];
            }
            if (res.data.length > 0 && !type && !info) {
                this.labelData = this.moneyList[0].label
            }
            var that = this;
            if (this.bearFees == '自费') {
                let self_ident_copy = this.self_ident
                if (self_ident_copy == '收款方') {
                    self_ident_copy = '起诉方';
                }
                this.productTitleName = this.productTitleName_old + self_ident_copy + this.stage;
            }
            if (type) {
                setTimeout(() => {
                    let moneyList = JSON.parse(JSON.stringify(that.moneyList));
                    moneyList.forEach(item => {
                        if (item.price_type_text == info.price_type_text) {
                            info = item
                            return
                        }
                    })
                    console.log("=================info", info)
                    that.total            = info.price;
                    that.money            = info.price;//前期费用
                    that.sell             = info.sell;
                    that.product_price_id = info.id;
                    if (!that.sale) {
                        that.sale = info.sale; //销量
                    }
                    if (that.money.toString().indexOf("×") != -1) {
                        let allmoneys = JSON.parse(JSON.stringify(that.money)).toString();
                        let allmoney  = Number(allmoneys.replace(allmoneys.substring(allmoneys.indexOf("×"), allmoneys.length), ''))
                        let p1        = JSON.parse(JSON.stringify(info.init_total)).toString();
                        let p2        = Number(p1.replace(p1.substring(p1.indexOf("×"), p1.length), ''))
                        that.price    = p2.toString().concat(p1.slice(p1.indexOf("×"), p1.length)); //展示原价
                        that.money    = Number(allmoneys.replace(allmoneys.substring(allmoneys.indexOf("×"), allmoneys.length), ''))
                    } else {
                        that.price = Number(that.money) + Number(that.sell);
                        this.total = Number(that.money) + Number(that.sell);
                    }
                    if (info.later_money) {
                        that.later_money = info.later_money
                    }
                    this.later_money = info.later_money;
                    console.log(that.money, "money=================money", that.price,)
                    if (that.later_money != '' && that.later_money != null) {
                        if (that.price) {
                            that.price = that.price + '+' + that.later_money;
                        } else {
                            that.price = that.later_money;
                        }
                    }
                    that.$forceUpdate();
                    that.closePop('priceTypePopup')
                }, 500)
            } else {
                this.later_money = res.data.length > 0 ? res.data[0].later_money : '';
                this.money       = res.data.length > 0 ? res.data[0].price : '';
                console.log('======this.money ', this.money)
                if (this.offer == '活马') {
                    this.price_type_text = '边用边付 轻松付';
                } else {
                    this.price_type_text = res.data.length > 0 ? res.data[0].price_type_text : this.price_type_text;
                }
                console.log('======this.money ', this.price_type_text);
                this.sell  = res.data.length > 0 ? res.data[0].sell : '';
                this.total = res.data.length > 0 ? res.data[0].total : 0;
                if (!this.sale) {
                    this.sale = res.data.length > 0 ? res.data[0].sale : 0; //销量
                }
                this.product_price_id = res.data.length > 0 ? res.data[0].id : this.product_price_id;
                this.price            = this.money;
                this.labelData        = res.data.length > 0 ? res.data[0].label || [] : []
                if (this.sell != '' && this.sell != null && this.money != '') {
                    if (this.money.toString().indexOf("×") != -1) {
                        let allmoneys = JSON.parse(JSON.stringify(this.money)).toString();
                        let allmoeny  = Number(allmoneys.replace(allmoneys.substring(allmoneys.indexOf("×"), allmoneys.length), '')) + Number(this.sell)
                        this.price    = allmoneys.substring(0, allmoneys.indexOf("×"), allmoeny);
                    } else {
                        this.price = Number(this.money) + Number(this.sell);
                    }
                }
                if (this.later_money != '' && this.later_money != null) {
                    if (this.price) {
                        this.price = this.price + '+' + this.later_money;
                    } else {
                        this.price = this.later_money;
                    }
                }
            }
        },
        // 优惠券
        getCoupon(current_coupon) {

            this.current_coupon = current_coupon;
            console.log("=====111", this.current_coupon)
            if (this.bearFees != "投资人支付") {
                let info = {
                    id             : this.product_price_id,
                    price_type_text: this.price_type_text,
                    label          : this.labelData
                }
                this.getMoney(1, info);
            }
        },
        chooseService(obj) {
            this.practiceChoose = obj.choose;
            this.practiceYear   = obj.year;
            this.practiceArea   = obj.area;
        },
        bondConfirm() {
            if (this.agree) {
                if (this.lock) {
                    uni.showLoading({
                        title: '订单发送中',
                    });
                } else {
                    uni.showToast({
                        title: '网络异常，请稍后重试',
                        icon : 'none'
                    });
                }
                this.lock = false;
                this.addOrder(this.price_type_text);
            } else {
                uni.showToast({
                    title: '请勾选我已阅读并同意按上述条款履行',
                    icon : 'none'
                });
            }
        },
        confirm() {
            if (this.lock) {
                if (this.bearFees == '投资人支付') {
                    // this.$refs.investContact.$refs.popupBond.open();
                    if (this.agree) {
                        if (this.lock) {
                            uni.showLoading({
                                title: '订单发送中',
                            });
                        } else {
                            uni.showToast({
                                title: '网络异常，请稍后重试',
                                icon : 'none'
                            });
                        }
                        this.lock = false;
                        this.addOrder(this.price_type_text);
                    } else {
                        this.showToast = true;
                        setTimeout(() => {
                            this.showToast = false;
                        }, 1000);
                    }
                } else {
                    if (this.isAddr) {
                        if (this.lock) {
                            uni.showLoading({
                                title: '订单发送中',
                            });
                        } else {
                            uni.showToast({
                                title: '网络异常，请稍后重试',
                                icon : 'none'
                            });
                        }
                        this.lock = false;
                        this.addOrder(this.price_type_text);
                    } else {
                        if (this.practiceArea && this.hear_addr && (this.practiceArea == this.hear_addr || this.isAddr == true)) {
                            if (this.lock) {
                                uni.showLoading({
                                    title: '订单发送中',
                                });
                            } else {
                                uni.showToast({
                                    title: '网络异常，请稍后重试',
                                    icon : 'none'
                                });
                            }
                            this.lock = false;
                            this.addOrder(this.price_type_text);
                        } else {
                            if (!this.practiceArea || !this.hear_addr) {
                                if (!this.practiceArea) {
                                    this.requireInfo = "律师执业区域"
                                }
                                if (!this.hear_addr) {
                                    this.requireInfo = "审理地点"
                                }
                                this.showToast = true;
                                setTimeout(() => {
                                    this.showToast = false;
                                }, 1000);
                            } else if (this.practiceArea != this.hear_addr) {
                                this.showAddr = true
                            }
                        }
                    }
                }
            }
        },
        // 返回重选
        modalConfirm() {
            this.isAddr   = false
            this.showAddr = false
            this.showArea = true
        },
        // 愿意承担
        modalCancel() {
            this.isAddr   = true
            this.showAddr = false
            // this.addOrder(this.price_type_text);
        },
        async addOrder(money_type) {
            let formData = {
                token             : uni.getStorageSync('token'),
                product_id        : this.product_name,
                fali_serve_area_id: this.info.product.area.area_name,
                server_type_id    : this.serviceType,
                server_name_id    : this.practiceYear,
                offer_type        : this.offer_type,
                money_type        : money_type ? money_type : '',
                money             : this.bearFees == '自费' ? this.money : 2500,
                pay_type          : this.pay_type, //无
                requirement       : this.requirement,
                price_type        : this.bearFees, // 费用承担
                price_detail      : '', //费用明细
                qiankuan          : this.qiankuan, //欠款金额
                jindu             : this.jindu, //目前进度
                self_ident        : this.self_ident, //我的身份
                dui_ident         : this.dui_ident, //对方类型
                is_believe        : this.is_believe, //对方是否失信 0是 1否
                is_fayuan_zhixing : this.is_fayuan_zhixing, //对方正在被法院执行中 0是 1否
                organization      : this.organization, //审理机构
                stage             : this.stage, //服务阶段
                offer             : this.offer, //服务报价
                server_address    : this.hear_addr, //审理地点,
                profession        : this.practiceArea,
                product_price_id  : this.product_price_id,
                order_later_money : this.later_money,
                source            : this.source,
                lang_ids          : this.lang_ids,
                shenfen_images    : this.shenfen_images,//收款方身份证正反面/姓名 身份证号
                card_images       : this.card_images,//欠款方身份证正反面/姓名 身份证号
                liaotian_images   : this.liaotian_images,//确认欠款金额的聊天截图内容
                jietiao_images    : this.jietiao_images,//借条/欠条/还款承诺书/对账单等文书
                cuishou_images    : this.cuishou_images,//催收的聊天内容(微信/支付宝/录音/录像)
                huan_images       : this.huan_images,//还款记录(包括每次还款金额和还款时间)
                other_images      : this.other_images,//您认为有用的其他有用材料
                coupon_id         : this.current_coupon && (!(this.offer == '千里马' && this.price_type_text == '先用后付 无忧付') || this.offer == '还魂马') ? this.current_coupon.id : '',
                bg_image          : this.product_image,
                fali_source       : this.fali_source
            };

            if (this.edit_order_id) {
                formData = {
                    ...formData,
                    id: this.edit_order_id
                };
            }
            let res = await this.$api('index.addOrder_name', formData);
            if (res.code == 1) {
                this.lock = true;
                // 从编辑进来
                if (this.edit_order_id) {
                    this.order_id = this.edit_order_id;
                    if (money_type == '先用后付 无忧付') {
                        this.replace('/pages/specialist/user/service-specialist', {
                            order_id: this.order_id,
                            status  : 0,
                            edit    : true
                        });
                    } else {
                        uni.showLoading({
                            title: "更改中...",
                            mask : true
                        });
                        let pages    = getCurrentPages();
                        let prevPage = pages[pages.length - 2];
                        prevPage.$vm.init();
                        setTimeout(() => {
                            uni.showToast({
                                title: "更改成功",
                                icon : 'none'
                            })
                            uni.navigateBack({
                                delta: 1
                            });
                        }, 500)

                    }
                }
                // 新下单
                else {
                    this.order_id = res.data.order_id;
                    if (money_type == '先用后付 无忧付' || this.bearFees == '投资人支付' || this.offer == '还魂马') {
                        this.replace('/pages/client/user/match-specialist', {
                            order_id: this.order_id
                        });
                    } else {
                        let formDataPay = {
                            order_id : this.order_id,
                            payMethod: this.pay_type,
                            fen      : '',
                            pay_type : 1,
                            scene    : 1
                        };
                        let resPay      = await this.$pay(formDataPay);
                        if (resPay == 1) {
                            this.replace('/pages/client/user/match-specialist', {
                                order_id: this.order_id
                            });
                        }
                    }
                }
            }
        },
        payOk(res) {
            // 安卓0 支付成功，-1 支付失败， -2取消支付
            if (res == '0') {
                // this.replace('/pages/client/user/match', {
                //   order_id: this.order_id
                // });
                this.replace('/pages/client/user/match-specialist', {
                    order_id: this.order_id
                });
            }
        },
        // 勾选同意债券投资合同
        checkChange() {
            this.agree = !this.agree
        },
        // 获取服务阶段
        async getStage(type) {
            let formData = {
                organization: this.organization,
                offer       : this.offer,
                price_type  : this.bearFees,
                self_ident  : this.self_ident,
                token       : uni.getStorageSync('token')
            };

            let res = await this.$api('index.change_stage', formData);
            if (res.code == 1) {
                this.stage_list = res.data.stage;

                if (type == '1') {
                    console.log("========this.stage_list", this.stage_list);
                    this.stage = this.stage_list[0];
                }
            }
        },
        // 获取服务报价
        async getOffer() {
            let formData = {
                stage     : this.stage,
                self_ident: this.self_ident,
                token     : uni.getStorageSync('token')
            };

            let res = await this.$api('index.change_offer', formData);
            if (res.code == 1) {
                this.offerList = res.data;
            }
        },
        //获取服务报价提示
        async getTip() {
            let formData  = {
                offer     : this.offer,
                stage     : this.stage,
                self_ident: this.self_ident,
                token     : uni.getStorageSync('token')
            };
            let res       = await this.$api('index.get_offer', formData);
            this.tipGrade = res.data;
        },
        // 进度选择
        jinduSelectClick(item) {
            this.jindu = item
            this.closePop('jinduPopop');
        },
        // 我的身份选择
        selfIdentSelectClick(item) {
            this.self_ident = item
            this.closePop('selfIdentPopop')
        },
        // 对方类型选择
        duiIdentSelectClick(item) {
            this.dui_ident = item
            this.closePop('duiIdentPopop')
        },
        // 对方失信选择
        isBelieveSelectClick(id) {
            this.is_believe = id
            this.closePop('believePopop')
        },
        // 对方正在被法院执行中
        isZhiXingSelectClick(id) {
            this.is_fayuan_zhixing = id
            this.closePop('isZhiXingPopop')
        },
        organizationSelectClick(item) {
            this.organization = item
            this.closePop('organizationSelectPopop')
        },
        // async download(item) {
        // 	// const nav = navigator.userAgent;
        // 	// if (nav.indexOf('Android') > -1 || nav.indexOf('Adr') > -1) {
        // 	// 	phone.loadOffice(item.image);
        // 	// } else if (!!nav.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
        // 	// 	this.$bridge.callhandler('loadOffice', item.image, data => {});
        // 	// }
        // },
        // 服务阶段选择
        stageItemClick(item) {
            console.log("=================", item);
            if (item.type == 'img') {
                this.imageClick(item)
            } else {
                // console.log("===== this.doc_jieduan2_img", this.doc_jieduan2_img);
                // this.jump('/pages/client/order/web-image', { url: this.doc_jieduan2_img,type:2})
                item.image = this.doc_jieduan2_img[0];
                this.imageClick(item)
            }
        },
        imageClick(item) {
            let previewImages = [];
            previewImages.push(item.image);
            // this.previewImages(previewImages);
            // 预览图片
            const nav = navigator.userAgent;
            if (nav.indexOf('Android') > -1 || nav.indexOf('Adr') > -1) {
                phone.previewPicture(JSON.stringify(previewImages));
            } else if (!!nav.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
                this.$bridge.callhandler('previewPicture', previewImages, data => {
                });
            }
        },
        // 执业年限选择
        productNameSelectClick(item) {
            this.practiceYear = item
            console.log("=======================,", this.offer, this.price, this.total);

            let info = {
                id             : this.product_price_id,
                price_type_text: this.price_type_text,
                label          : this.labelData
            }
            this.getMoney(1, info);
            this.closePop('productNameSelectPopop');
        },
        practiceAreaClick() {
            // this.defaultRegion = this.practiceArea.split(',')
            this.showArea = true
        },
        regionConfirm(res) {
            this.defaultTake = []
            let province     = res.province.label
            let city         = res.city.label
            this.defaultTake.push(province, city)
            this.practiceArea = res.province.label + ',' + res.city.label;
            this.showArea     = false
            this.addrConfirm()
        },
        regionCancel() {
            this.showArea = false
            if (this.practiceArea && this.showAddr != this.practiceArea) {
                this.practiceArea = ''
            }
        },
        TakeCancel() {
            this.popupTakeTwo = false;
            if (this.showAddr && this.showAddr != this.practiceArea) {
                this.hear_addr = ''
            }
        },
        // 律师语言选择
        langClick() {
            this.$refs.langPopup.open()
            this.getLawyerLang()
            this.popupSelectList = this.lang_ids.concat()
        },
        // 获取律师语言列表
        async getLawyerLang() {
            let formData = {
                page : 1,
                limit: 9999,
                token: uni.getStorageSync('token')
            };
            let res      = await this.$api('index.lawyerLang', formData);
            if (res.code == 1) {
                this.langIdData = res.data.data || []
                this.popupSelectList.push(this.langIdData[0].id)
            } else {
                this.langIdData = []
            }
        },
        // 选择语言
        langSelectClick(info) {
            if (this.popupSelectList.includes(info.id)) {
                this.popupSelectList.splice(this.popupSelectList.findIndex(item => item === info.id), 1)
            } else {
                this.popupSelectList.push(info.id)
            }
        },
        // 语言选中按钮
        langSaveClick() {
            this.langStr  = "";
            this.lang_ids = [...new Set(this.popupSelectList)] || []
            console.log("=====list", this.lang_ids)
            if (this.lang_ids.length > 0) {
                let self     = this
                let list     = this.lang_ids.map((item, index) => {
                    return self.getDataName(self.langIdData, item)
                })
                this.langStr = list.join(" ")
                if (this.langStr.length > 18) {
                    this.langStr = this.langStr.slice(0, 18) + '...'
                }
            } else {
                let list     = this.lang_ids.map((item, index) => {
                    return self.getDataName(self.langIdData, item)
                })
                this.langStr = list.join(" ")
            }
            this.closePop('langPopup')
        },
        // 数据匹配（获取名称）
        getDataName(data, id) {
            let value = data.find((item, index) => {
                return item.id == id
            })
            if (!value) {
                return ''
            } else {
                return value.recname || value.value_name || ''
            }
        },
        priceTypeSelectClick(item) {
            this.bearFees = item;
            if (item == '投资人支付') {
                this.price        = '2500 (投资人支付)';
                this.product_desc = this.info.product.desc_content_touziren;
            } else {
                this.price        = this.info.product.price;
                this.money        = this.info.product.price;
                this.product_desc = this.info.product.desc_content_zifei;
            }
            this.closePop('priceTypeSelectPopop')
        },
        offerSelectClick(item) {
            if (item == '活马' || item == '千里马' || item == '还魂马') {
                this.bearFees = "自费"
            } else {
                this.bearFees = "投资人支付"
            }
            ;
            if (item == "还魂马") {
                this.price_type_text = "先用后付 无忧付"
            }
            this.offer = item;
            this.closePop('offerSelectPopop')
        },
        // 点击选择排除律师按钮
        lawyerSelectClick() {
            this.$refs.removeUseridsSelectpopup.open()
            this.userSelectData = this.remove_userids.concat()
            this.getlawyerPage()
        },
        // 获取排除律师数组
        async getlawyerPage(keyword) {
            let formData = {
                page   : 1,
                limit  : 9999,
                keyword: keyword,
                token  : uni.getStorageSync('token')
            };
            let res      = await this.$api('index.lawyerPage', formData);
            if (res.code == 1) {
                if (keyword) {
                    this.removeUserData = res.data.data || []
                } else {
                    this.removeUserData = res.data.data || [];
                    if (this.all_lawyer.length == '0') {
                        this.all_lawyer = JSON.parse(JSON.stringify(res.data.data))
                    }
                }

                this.matchSelected();
            } else {
                this.removeUserData = []
            }
        },
        // 选择排除律师
        lawyerItemClick(info) {
            if (this.userSelectData.includes(info.id)) {
                this.userSelectData.splice(this.userSelectData.findIndex(item => item === info.id), 1)
            } else {
                this.userSelectData.push(info.id)
            }
        },
        // 排除律师选中按钮
        lawyerSaveClick() {
            this.userSelectDataCopy = JSON.parse(JSON.stringify(this.userSelectData))
            this.remove_userids     = this.userSelectData || [];
            this.keyword            = '';
            this.closePop('removeUseridsSelectpopup')
        },
        keywordConfirm(val) {
            console.log("======val", val);
            if (this.keyword) {
                this.isshouci = false;
            } else {
                this.isshouci = true
            }
            this.getlawyerPage(this.keyword || '')
        },
        //全局匹配 选中的律师
        matchSelected() {
            let newArr = [];
            this.all_lawyer.map((item, index) => {
                if (this.userSelectData) {
                    this.userSelectData.map((item_id, index) => {
                        if (item.id == item_id) {
                            newArr.push(item);
                        }
                    })
                }
                if (this.keyword) {
                    let map     = new Map();
                    let newArr2 = new Array()
                    this.removeUserData.map((item_seach, index) => {
                        newArr.push(item_seach);
                        for (let i = 0; i < newArr.length; i++) {
                            if (map.has(newArr[i].id)) {
                                map.set(newArr[i].id, true)
                            } else {
                                map.set(newArr[i].id, false)
                                newArr2.push(newArr[i])
                            }
                        }
                    })
                    newArr = newArr2;
                }
            })
            this.removeUserData = newArr;
        },
        // 全选
        selectAll() {
            if (this.userSelectData.length == this.removeUserData.length) {
                this.userSelectData = []
                this.isnoall        = true
            } else {
                this.isnoall        = false
                this.userSelectData = this.removeUserData.map((item, index) => {
                    return item.id
                })
            }
        },
        // 付款时间点击选项
        priceSelectClick(info) {
            // let info_beifen = JSON.parse(JSON.stringify(info));
            console.log("====current_coupon.money", info);
            this.getMoney(1, info);
        },
        playTypeSelectClick(info) {
            this.pay_type = info
            this.closePop('playTypePopop')
        },
        stageSelectClick(item) {
            this.stage = item
            /* if(this.stage.indexOf('执行') == -1){
        this.offer = '千里马'
      } */
            this.closePop('popupServiceStage')
        },
        hearAddrSelectClick(item) {
            this.practiceArea = item
            this.hear_addr    = item
            this.closePop('popupTake')
        },
        gotoJiSuanQi(id) {
            const nav = navigator.userAgent;
            if (nav.indexOf('Android') > -1 || nav.indexOf('Adr') > -1) {
                let res = phone.gotoJiSuanQi(0);
            } else if (!!nav.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
                this.$bridge.callhandler('gotoJiSuanQi', 0, res => {
                });
            }

        },

        popupTakeTwoClick() {
            // this.defaultTake = this.hear_addr.split(',')
            this.popupTakeTwo = true
        },
        TakeConfirm(res) {
            this.defaultTake = []
            let province     = res.province.label
            let city         = res.city.label
            this.defaultTake.push(province, city)
            this.hear_addr = res.province.label + ',' + res.city.label
            if (this.bearFees != '自费') {
                this.practiceArea = this.hear_addr
            }
            this.popupTakeTwo = false
            this.addrConfirm()
        },
        downloadApp() {
            this.jump('/pages/client/order/order-court-down');
            // let ua = window.navigator.userAgent.toLowerCase()
            // if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            //   // alert('请点击右上角按钮在其他浏览器打开')
            //   window.location.href = 'https://a.app.qq.com/o/simple.jsp?pkgname=com.lifakeji.lark.business.law'
            // }else{
            //   window.location.href = 'https://a.app.qq.com/o/simple.jsp?pkgname=com.lifakeji.lark.business.law'
            // }
        },
        addrConfirm() {
            console.log(this.hear_addr)
            console.log(this.practiceArea)
            if (this.practiceArea && this.hear_addr) {
                if (this.hear_addr != this.practiceArea) {
                    this.showAddr = true
                } else {
                    this.isAddr = true
                }
            }
        }

    }
};
</script>

<style lang="scss">
.content {
    padding-bottom: 122rpx;
}

::v-deep .item-right {
    flex-wrap: initial !important;

    .right-textarea {
        .textarea-tip {
            display: none;
        }
    }
}

.bot-content {
    display: flex;
    margin: 5px 0px 5px 8px;
}

.bot-content .title_box {
    width: 240rpx;
}

.bot-content .underline {
    display: inline-block;
    border-bottom: 1px solid #000;
}

.itemtop_share {
    margin-top: 0rpx !important;
}

.item-top {
    width: 100%;
    height: 372rpx;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 88rpx;
    // background-size这个需要注意，大小需要看伸缩时是宽度会有富余还是高度会有富余，有富余者为auto，刚好填充满的就是100%
    //比如宽高分别： 容器是100px*100px的，图片是240px*200px，那么在缩小填充容器时图片的高度会先触及到容器的边缘，也就是填满容器时，宽度有富余为auto，高度为100%；
    background-size: 100% auto;
    //background-position: center; //背景图片居中显示，让多余部分相对容器对此展示
    background-repeat: no-repeat;
    background-origin: border-box; //从border开始填充
    background-clip: border-box; //border外的多余背景图片不展示，截取掉
    .item-admin {
        position: absolute;
        height: 20rpx;
        top: 0;
        left: 0rpx;
        height: 80rpx;
        color: #FFFFFF;
        line-height: 80rpx;
        // padding: 0 10rpx;
        font-size: 22rpx;
        font-weight: bold;
        border-radius: 10rpx;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 10000;
    }

    .item-img {
        display: flex;

        .item-left {
            flex: 1;

            image {
                margin: 42rpx 0 0 20rpx;
                width: 50rpx;
                height: 50rpx;
            }
        }

        .item-right {
            image {
                margin: 42rpx 20rpx 0 0;
                width: 50rpx;
                height: 50rpx;
            }
        }
    }

}

.item-main {
    width: 100%;
    // height: 312rpx;
    background-color: #FFFFFF;
    padding: 20rpx;
    margin-bottom: 20rpx;

    .main-top {
        display: flex;
        align-items: center;

        .top-left {
            flex: 1;
            font-size: 48rpx;
            color: #DC3220;
        }

        .top-right {
            font-size: 26rpx;
            color: #666666;
        }
    }

    .item-title {
        font-size: 32rpx;
        line-height: 45rpx;
        margin: 20rpx 0 16rpx 0;
        font-weight: bold;
    }

    .item-way {
        .item-txt {
            width: 100rpx;
            height: 34rpx;
            line-height: 34rpx;
            margin-right: 5rpx;
            padding: 4rpx 10rpx;
            font-size: 20rpx;
            color: #0DAB37;
            border-radius: 6rpx;
            border: 1rpx rgba(13, 171, 55, 0.2) solid;
        }
    }

    .item-bottom {
        background-color: #EEF2F3;
        width: 100%;
        height: 66rpx;
        display: flex;
        justify-content: space-between;
        margin-top: 16rpx;
        align-items: center;
        padding: 0rpx 20rpx;
        border-radius: 10rpx;

        .bottom-info {
            display: flex;
            height: 100%;
            align-items: center;

            .bottom-sure {
                width: 30rpx;
                height: 30rpx;
            }

            .bottom-left {
                font-size: 28rpx;
                font-weight: bold;
                margin-left: 10rpx;
                color: #0DAB37;
            }

            .bottom-order {
                width: 2rpx;
                height: 30rpx;
                margin: 0 10rpx;
                background-color: #D2D2D2;
            }

            .bottom-txt {
                font-size: 24rpx;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }


        .bottom-img {
            width: 14rpx;
            height: 24rpx;
        }
    }
}

.od-boxs {
    border-radius: 0 !important;
}

.pay-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;

    .pay-item {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border: 1rpx solid #eee;
        border-radius: 10rpx;
        padding: 10rpx;
        margin-right: 20rpx;
        margin-bottom: 20rpx;
        text-align: center;
        width: calc((100% - 20rpx) / 2);
        margin-bottom: 20rpx;

        &:nth-of-type(2n) {
            margin-right: 0;
        }

        &.active {
            background-color: rgba(255, 200, 1, 0.2);
            border-color: $uni-color-primary;
        }

        .image-wrapper {
            width: 40rpx;
            height: 40rpx;
            display: inline-block;
            margin-right: 10rpx;

            image {
                width: 100%;
                height: 100%;
            }
        }
    }
}

.space {
    display: inline-block;
    width: 30rpx;
}

.item-text {
    line-height: 60rpx;
    display: flow-root;
    flex: 1;

    text {
        margin-right: 10rpx;
    }
}

.take-box {
    width: 100%;
    padding: 30rpx;
    box-sizing: border-box;
    padding-bottom: 120rpx;

    .take-title {
        margin-bottom: 20rpx;

        .gray {
            margin-right: 30rpx;
        }

        text {
            margin-right: 10rpx;
        }

        .red {
            font-size: 24rpx;
        }

        .blue {
            font-size: 24rpx;
        }
    }

    .service-list {
        .service-item {
            margin-right: 0;
        }
    }
}

.agree-box {
    margin-top: 10rpx;
    text-align: center;
}

.service-item {
    position: relative;

    .price-tip {
        border-radius: 20rpx;
        padding: 20rpx;
        position: absolute;
        top: 100rpx;
        left: 0;
        width: 350rpx;
        height: 200rpx;
        background-color: #ffffff;
        z-index: 9;
        color: #333333;
        box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.15);

        &::before {
            content: '';
            position: absolute;
            left: 25%;
            top: -20rpx;
            width: 0;
            height: 0;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            border-left: 20rpx solid transparent; // 根据三角形方向选择对应的boder-direction
            border-right: 20rpx solid transparent; // 根据三角形方向选择对应的boder-direction
            border-bottom: 20rpx solid white; // 根据三角形方向选择对应的boder-direction
        }

        .price-tip-txt {
            margin-bottom: 10rpx;
            font-size: 24rpx;
        }
    }
}

.service-item {
    &:nth-last-of-type(1) {
        .price-tip {
            left: -200rpx;

            &::before {
                content: '';
                left: 80%;
            }
        }
    }
}

.fee-item {
    width: 100%;

    .fee-tip {
        width: 150rpx;
        line-height: 60rpx;
        padding: 0;
    }

    .fee-right {
        line-height: 60rpx;
    }
}

.service-list .service-item {
    font-size: 26rpx;
    border-radius: 0;
}

.service-list .service-item.active {
    color: #F9B804;
    font-size: 24rpx;
    background-color: #FFFFFF;
    border-radius: 0;
    margin-left: 10rpx;
}

.center-box {
    display: flex;
    align-items: center;

    .required-box {
        display: flex;
        align-items: center;
        color: red;
    }
}

.cjg {
    padding: 0 40rpx;
    position: absolute;
    right: 0rpx;
    height: 62rpx;
    line-height: 62rpx;
}

.od-box .od-item .item-tip {
    font-size: 12px !important;
    width: 214rpx !important;
    margin-right: 0rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .center-box {
        font-size: 12px;
    }
}

.service-list {
    display: flex;
    align-items: center;
}

.service-list .service-item.active {
    color: #F9B804;
    font-size: 24rpx;
    background-color: #FFFFFF;
    border-radius: 0;
    margin-left: 10rpx;
}

.popup-bottom-box {
    background-color: #ffffff;
    overflow: auto;
    overflow-x: hidden;

    .bot-title {
        display: flex;
        align-items: center;

        .title-txt {
            flex: 1;
            text-align: center;
            padding: 20rpx;
            font-weight: bold;
        }

        .title-close {
            width: 80rpx;
            height: 80rpx;
            text-align: center;
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            align-items: center;
            justify-content: center;

            .image-wrapper {
                width: 26rpx;
                height: 26rpx;
                vertical-align: middle;

                image {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }

    .remark-box {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60rpx;
        color: #777777;
        font-size: 24rpx;
    }

    .select-box {
        padding: 0rpx 40rpx;
        height: 110rpx;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .input-box {
            width: 530rpx;
            height: 60rpx;
            border: 1rpx solid #DCDCDC;
            border-radius: 6rpx;
            background: rgba(245, 245, 245, 0.59);
        }

        .select-button-box {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 120rpx;
            height: 64rpx;
            border: 1rpx solid #DCDCDC;
            border-radius: 6rpx;
            color: grey;
        }

        .input-placeholder-box {
            margin-left: 40rpx;
        }
    }

    .assistant-title-box {
        margin-left: 140rpx;
        height: 30rpx;
        color: #777777;
        font-size: 24rpx;
    }

    .bot-con-no {
        height: 520rpx;
        text-align: center;
        padding-top: 64px;
        color: #aaa;
    }

    ::v-deep .uni-input-input {
        padding: 0 18rpx;
    }

    .bot-con {
        padding: 0 30rpx;
        height: 800rpx;
        // overflow-y: scroll;
        width: calc(100% - 60rpx);

        .service-list {
            margin-bottom: 20rpx;
        }

        .bot-title-box {
            display: flex;
            align-items: center;

            .icon-box {
                width: 12rpx;
                height: 30rpx;
                background: #FFC900;
                opacity: 1;
                border-radius: 6rpx;
            }

            .title-text-box {
                margin-left: 5rpx;
                height: 45rpx;
                font-size: 32rpx;
                font-family: PingFang SC;
                font-weight: bold;
                color: #000000;
                opacity: 1;
            }

            .bot-content-box {
                margin: 10rpx 0rpx 10rpx 17rpx;
                font-size: 24rpx;
                font-family: PingFang SC;
                font-weight: 400;
                color: #333;
                opacity: 1;

                span {
                    color: #000;
                    font-weight: 600;
                }
            }
        }

        .bot-title-two-box {
            display: flex;

            .icon-box {
                margin-top: 5rpx;
                width: 12rpx;
                height: 30rpx;
                background: #FFC900;
                opacity: 1;
                border-radius: 6rpx;
            }

            .bot-content-box {
                margin: 0rpx 0rpx 0rpx 17rpx;
                font-size: 24rpx;
                font-family: PingFang SC;
                font-weight: 400;
                line-height: 40rpx;
                color: #333;
                opacity: 1;

                span {
                    color: #000;
                    font-weight: 600;
                }
            }
        }

        .bot-content-box {
            margin: 10rpx 0rpx 10rpx 17rpx;
            font-size: 24rpx;
            font-family: PingFang SC;
            font-weight: 400;
            color: #333;
            opacity: 1;

            span {
                color: #000;
                font-weight: 600;
            }
        }

        .bot-content-img-box {
            margin: 10rpx 0rpx 10rpx 17rpx;
            display: flex;

            image {
                width: 300rpx;
                height: 420rpx;
            }
        }

        .line-box {
            width: 100%;
            height: 1rpx;
            border: 1px solid #D5D5D5;
            background-color: #D5D5D5;
            margin: 15rpx 0rpx;
        }

        .stage-item-box {
            width: 100%;
            height: 60rpx;
            margin: 20rpx 0rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;

            .left-box {
                display: flex;
                align-items: center;

                .icon-box {
                    width: 12rpx;
                    height: 30rpx;
                    background: #FFC900;
                    opacity: 1;
                    border-radius: 6rpx;
                }

                .title-box {
                    margin-left: 5rpx;
                    font-size: 32rpx;
                    font-family: PingFang SC;
                    font-weight: bold;
                    color: #000000;
                }
            }

            .right-box {
                width: 16rpx;
                height: 40rpx;
                margin-left: 20rpx;

                image {
                    width: 100%;
                    height: 100%;
                    vertical-align: middle;
                }
            }
        }

        .lang-item-box {
            margin: 10rpx 0rpx 10rpx 40rpx;
            width: calc(100% - 20rpx);
            height: 80rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;

            .icon-box {
                width: 40rpx;
                height: 40rpx;

                image {
                    width: 100%;
                    height: 100%;
                }
            }

            .content-box {
                width: calc(100% - 100rpx);
                height: 80rpx;
                line-height: 80rpx;
                border-bottom: 2rpx solid rgba(136, 136, 136, 0.6);
            }
        }

        .lawyer-con {
            margin-bottom: 20rpx;
            display: flex;
            border-radius: 30rpx;
            border: 1rpx solid #DCDCDC;
            padding: 10rpx 20rpx;
            // box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16);
        }

        .lawyer-left {
            font-weight: bold;
            width: 100rpx;
            margin-right: 30rpx;

            .image-wrapper {
                width: 100rpx;
                height: 100rpx;
                border-radius: 20rpx;
                overflow: hidden;

                image {
                    width: 100%;
                    height: 100%;
                }
            }
        }

        .lawyer-right {
            flex: 1;

            .lawyer-name {
                display: flex;
                margin-bottom: 20rpx;
                justify-content: space-between;

                .name-left {
                    font-size: 16px;
                    font-weight: bold;
                    margin-right: 10px;
                }

                .name-right {
                    padding-left: 10rpx;

                    .image-wrapper {
                        width: 30rpx;
                        height: 30rpx;

                        image {
                            vertical-align: middle;
                            width: 100%;
                            height: 100%;
                        }
                    }
                }

                .name-center {
                    flex: 1;
                }
            }

            .lawyer-tip {
                margin-bottom: 20rpx;
                color: #666666;
                font-size: 24rpx;
            }

            .lawyer-item {
                margin-bottom: 10rpx;
                display: flex;

                .item-left {
                    margin-right: 10rpx;

                    .image-wrapper {
                        width: 30rpx;
                        height: 30rpx;

                        image {
                            width: 100%;
                            height: 100%;
                        }
                    }
                }

                .item-txt {
                    color: #aaa;
                    font-size: 24rpx;
                    flex: 1;
                }
            }
        }
    }

    .bot-save {
        width: 100%;
        height: 110rpx;
        background: rgba(255, 255, 255, 0.39);
        box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);
        opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;

        .save-box {
            width: 60%;
            height: 60rpx;
            // border-radius: 30rpx;
            background-color: #F9B804;
            color: #fff;
            font-size: 24rpx;
            font-family: PingFang SC;
            font-weight: bold;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .select-all-box {
            position: absolute;
            left: 10rpx;
            top: 1%;
            width: 120rpx;
            height: 54rpx;
            border: 2rpx solid #F9B804;
            color: #F9B804;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .noallchoose {
            color: #DCDCDC !important;
            border: 2rpx solid #DCDCDC !important;
        }

        .nochoosebutton {
            color: #AAAAAA;
            background: #DCDCDC !important;
        }
    }

    .searchall {
        border: 1rpx solid #F9B804 !important;
        color: #F9B804 !important;
    }

    .bot-select-con {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 20rpx 0rpx;

        .select-item-box {
            width: 50%;
            height: 60rpx;
            margin: 10rpx 0rpx;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        // 选中
        .pitch-on {
            border: 1px solid #F9B804;
            color: #F9B804;
        }

        // 未选中
        .un-pitch {
            border: 1px solid #DDDDDD;
            color: #222222;
        }
    }

    .stage-scroll-box {
        max-height: 600rpx;
        padding-left: 15%;
        margin: 20rpx 0rpx;

        .select-item-box {
            width: 70%;
            height: 60rpx;
            margin: 10rpx 0rpx;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        // 选中
        .pitch-on {
            border: 1px solid #F9B804;
            color: #F9B804;
        }

        // 未选中
        .un-pitch {
            border: 1px solid #DDDDDD;
            color: #222222;
        }
    }
}

.save-box-two {
    background-color: #ffffff;
    padding: 20rpx 30rpx;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    border-top: 1rpx solid #f6f6f6;
    z-index: 10;

    .chekc-group-box {
        display: flex;
        height: 60rpx;
        align-items: center;
        color: #AAAAAA;

        .check-info {
            color: rgba(6, 180, 253, 0.6);
        }
    }

    .chekc-group-box ::v-deep .uni-checkbox-input {
        border-radius: 22rpx;
    }

    .save-go-box {
        display: flex;
        justify-content: space-between;
        width: 100%;
        z-index: 10;

        .go-left {
            display: flex;
            align-items: center;
            color: #f00;
            flex-wrap: wrap;

            .left-prize {
                width: 100%;
            }

            .left-tip {
                font-size: 24rpx;
                color: #aaaaaa;
            }
        }

        .go-right {
            .go-btn {
                width: 300rpx;
                background-color: $uni-color-primary;
                color: #ffffff;
                font-size: 32rpx;
                height: 80rpx;
                line-height: 80rpx;
                box-sizing: border-box;
                border-radius: 0;

                &::after {
                    border: none;
                }
            }
        }
    }
}

.tabs-box {
    position: fixed;
    left: 0px;
    width: 100%;
    height: 80rpx;
    background-color: rgba(255, 255, 255, 1);
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 10;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);

    .tab-item-box {
        width: 20%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;

        .name-box-one {
            // 选中
            margin-top: 16rpx;
            height: 44rpx;
            line-height: 44rpx;
            color: #222222;
            font-size: 24rpx;
            font-family: PingFang SC;
            font-weight: bold;
        }

        .name-box-two {
            // 选中
            margin-top: 16rpx;
            height: 44rpx;
            line-height: 44rpx;
            color: #aaa;
            font-size: 24rpx;
            font-family: PingFang SC;
            font-weight: bold;
        }

        .icon-box-one {
            margin-top: 6rpx;
            width: 50rpx;
            height: 8rpx;
            border-radius: 8rpx;
            background-color: rgb(253, 200, 6);
        }

        .icon-box-two {
            margin-top: 6rpx;
            width: 50px;
            height: 8rpx;
            border-radius: 8rpx;
            background-color: rgb(255, 255, 255);
        }
    }
}

.touziren-box {
    border: 2rpx solid #EE1414;
    border-color: #EE1414;
    line-height: 50rpx;
    flex: 1;
    margin-left: 10rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6rpx 10rpx;
    margin-right: 6rpx;
    position: relative;
    box-sizing: border-box;
    color: #EE1414;
    font-size: 24rpx;
}

.model-box ::v-deep .u-model__title {
    display: none;
}

.modal-title {
    font-size: 36rpx;
    font-weight: 700;
    height: 80rpx;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-content {
    line-height: 45rpx;
    padding: 0rpx 30rpx 20rpx 30rpx;
}

.share-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.suspension-box {
    position: fixed;
    top: 50%;
    right: 0;
    width: 260rpx;
    height: 66rpx;
    border-radius: 10rpx 0rpx 0rpx 10rpx;
    font-size: 24rpx;
    background-color: #E03026;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.od-box .od-item .item-right .item-nav {
    width: 16rpx;
    height: 32rpx;
    margin-left: 20rpx;
    margin-top: 8rpx;
}

.item-navss {
    margin-top: 16rpx !important;
}

.hiddened {
    overflow: hidden !important;
}

::v-deep .gray {
    font-size: 24rpx !important;
}

::v-deep .textarea {
    font-size: 24rpx !important;
}

.showToasts {
    position: fixed;
    top: 50%;
    left: 50%;
    background: rgba(0, 0, 0, 0.7);
    padding: 20rpx 20rpx 20rpx 24rpx;
    border-radius: 14rpx;
    color: #fff;
    font-size: 24rpx;
    margin-left: -148rpx;
}

::v-deep .textarea {
    padding: 0px !important;
}

.width-180 {
    font-size: 24rpx;
}

.service-list .service-item {
    margin-right: 0px !important;
}

.service-item {
    width: calc((100% - 40rpx) / 2);
}

.zifei_width {
    width: calc((100% - 40rpx) / 2) !important;
}

.whyIcon {
    display: flex;
    width: 36rpx;
    height: 30rpx;

    image {
        /* width: 8px; */
        width: 30rpx;
        height: 30rpx;
        margin-left: 8rpx;
        margin-top: 8rpx;
    }
}

.image-wrappers {
    width: 100%;
    overflow: hidden;

    image {
        width: 100%;
        display: block;
    }
}
</style>
